/*
Theme Name: Biography
Theme URI: https://themepalace.com/downloads/biography/
Author: Yam Chhetri
Author URI: http://www.yamchhetri.com/
Description: Biography Theme's exquisiteness and simplicity helps individuals represent their personal site at ease. A must-have for all individuals looking to exhibit and brand one's personal information. Aided with control for Theme options of various Layout and Footer options, the Biography theme's unique features includes but not limited to: Font-family setting, header banner and text slider with background image offers relentless control to mould the theme as per your need. Top notch code quality with extended Customizer settings for various sections such as: Service, Review, Testimonial, etc. All these acquainted with robust in-house responsive framework would serve its purpose to befit your Biography. This theme is ideal for business purposes and is now made WooCommerce ready.
Version: 1.2.9
Requires at least: 4.0
Tested up to: 6.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: biography
Tags: one-column, two-columns, left-sidebar, right-sidebar,flexible-header,custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, theme-options, threaded-comments, translation-ready, e-commerce

Biography is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*======================================
Table Of Content

1. Normalize

-----------------------------------------
2. General Styles
  2.1 Links
  2.2 Typography
  2.3 Accessibility
  2.4 Forms
  2.5 Placeholder
  2.6 Button
  2.7 Clearings
  2.8 Table

-----------------------------------------
3. Header
  3.1 Header Top Bar
  3.2 Header Nav Bar

-----------------------------------------
4. Sidebar
  4.1 Widget
  4.1 Widget_archive
  4.2 Widget_calendar
  4.3 Widget_categories
  4.4 Widget_nav_menu
  4.5 Widget_meta
  4.6 Widget_pages
  4.7 Widget_recent_comments
  4.8 Widget_recent_entries
  4.9 Widget_rss
  4.10 Widget_search
  4.11 Widget_tag_cloud
  4.12 Widget_text

-----------------------------------------
5. Primary
  5.1 Articles

-----------------------------------------
6. Footer
  6.1 Site Info

-----------------------------------------
7. Content
  7.1 Alignments
  7.2 Posts and Pages
  7.3 Asides
  7.4 Comments
  7.5 404 page
-----------------------------------------
8. Infinite scroll

-----------------------------------------

9. Media
  9.1 Captions
  9.2 Galleries

-----------------------------------------

10. Global
  10.1 Nullify Bootstrap columns padding
  10.2 columns of same height
-----------------------------------------

11. Custom Pages
  11.1 Custom Pages style

=========================================

/* ====================================================== */
/* 1 Normalize */
/* --------------------------------------- */

html {
  font-family: "Raleway", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  margin: 0;
}

body,
button,
input,
select,
textarea {
  position: relative;
  color: #414141;
  font: normal 15px/1.5 'Raleway', sans-serif;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  border: 0;
}
img.attachment-full.size-full.wp-post-image {
    height: auto;
}
svg:not(:root) {
  overflow: hidden;
}

embed,
iframe,
object,
video {
  max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

figure {
  margin: 0;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/* ====================================================== */
/* 2 General Styles */
/* --------------------------------------- */

/* Links */
/* --------------------------------------- */
a,
a i,
button,
input[type="submit"] {
    transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;
}

a {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.logged-in.admin-bar .ab-top-menu a,
.logged-in.admin-bar .ab-top-menu a > p{
  color: inherit !important;
}

a:active,
a:hover,
a:focus {
  color: #DFB200;
}

a:focus {
  outline: thin dotted;
}
/* Typography */
/* --------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  line-height: 1.1;
  color: #555555;
  text-transform: uppercase;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

h1,
h2,
h3 {
  margin-top: 10px;
  margin-bottom: 15px;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

hr {
  box-sizing: content-box;
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

p {
    margin-bottom: 15px;
}

p a{
  text-decoration: underline;
}

q,
blockquote {
    color: #787878;
}

q::before,
q:before{
    content: open-quote;
}

q::after,
q:after {
    content: close-quote;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 0 1.5em;
  border-left: none;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var,
samp {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 20px;
  list-style-position: inside;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

@media screen and (max-width: 767px){
  h1,
  h2 {
    font-size: 24px;
  }
}

/* Accessibility */
/* --------------------------------------- */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Forms */
/* --------------------------------------- */

form {
  position: relative;
}

input {
  border: 1px solid #dddddd;
  height: inherit;
  color: #333333;
  font-size: 16px;
  padding: 8px 15px;
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

button,
html input[type="button"],
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: none;
  background: #FFD52D;
  color: #352C00 !important;
  font-size: 18px;
  line-height: 1;
  padding: 18px 28px 18px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: #bababa;
  border: none;
  box-shadow: none;
  color: #352C00 !important;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
button.line-btn:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  background-color: #DFB200;
  border: none;
  box-shadow: none;
  color: #212121;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  background-color: #F7F7F7;
  box-sizing: border-box;
  padding: 8px 5px 8px 15px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus{
  color: #111;
  background-color: #ffffff;
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  width: 100%;
  min-height: 120px;
}

optgroup {
  font-weight: bold;
}

/* Button */
/* --------------------------------------- */

button,
a.button {
  border: none;
  overflow: visible;
}

/* Underline Reveal */
a.button,
a.line-btn {
  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;
  overflow: hidden;
  border: none;
  background: #FFD52D;
  color: #352C00 !important;
  font-size: 18px;
  line-height: 1;
  padding: 18px 28px 18px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 0;
  text-decoration: none;
}
h3 a {
  text-decoration: none;
}
a.line-btn {
  background-color: rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 1px #ffffff inset;
  color: #ffffff !important;
}

a.button:before,
a.line-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.4);
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -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;
}

a.button:hover,
a.button:focus,
a.button:active,
a.line-btn:hover,
a.line-btn:focus,
a.line-btn:active {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  color: #352C00 !important;
}

a.line-btn:hover,
a.line-btn:focus,
a.line-btn:active{
    background: #FFD52D;
    box-shadow: 0 0 0 1px #FFD52D inset;
}

a.button:hover:before,
a.button:focus:before,
a.button:active:before,
a.line-btn:hover:before,
a.line-btn:focus:before,
a.line-btn:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Clearings */
/* ----------------------------------------------- */

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/* Table */
/* ----------------------------------------------- */

table,
th,
td {
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  table-layout: fixed; /* Prevents HTML tables from becoming too wide */
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 600;
}

td {
  border-width: 0 1px 1px 0;
}

th, td {
  padding: 0.4em;
}

del {
  opacity: 0.8;
}

dl {
  margin-bottom: 1.6em;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 1.6em;
  margin-left: 0;
}

dd a{
  text-decoration: underline;
}

/* ====================================================== */
/* 3 Header */
/* --------------------------------------- */

/* Header Top Bar */
/* ----------------------------------------------- */

.site-header {
  background-color: #FFDC44;
  padding-top: 20px;
  overflow-x: hidden;
}

.site-header:after{
  display: table;
  content: "";
  clear: both;
}
.site-description {
  color: rgb(153, 153, 153);
  font-size: 22px;
}

@media screen and (max-width: 767px){
  .menu-main-menu-container{
      /*width: auto;*/
      text-align: center;
  }

  .site-branding .pull-right {
    float: none !important;
  }

  .textwidget > ul {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }
}

/* header-nav-bar */
/* ----------------------------------------------- */

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
  background: none repeat scroll 0 0 #028484;
  text-align: left;
  margin-top: 15px;
}

.main-navigation .nav-menu{
  width: 1170px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 1170px){
  .main-navigation .nav-menu{
      width: 100%;
      margin: 0 auto;
      padding: 0;
  }
}

@media only screen and (max-width: 992px){
  .main-navigation{
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li {
  display: inline-block;
  position: relative;
}

.main-navigation a {
  color: #ffffff;
  display: block;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
  padding: 17px 18px;
  position: relative;
}

.main-navigation ul ul {
  float: left;
  position: absolute;
  left: -999em;
  z-index: 99999;
  background-color: #333333;
  text-align: center;
}

.main-navigation ul ul ul {
  top: 0;
}

.main-navigation ul ul a {
  border-bottom: 1px solid #666666;
  width: 200px;
  text-align: center;
}

.main-navigation ul ul li:last-child a{
  border-top: none;
}

.main-navigation li:hover > a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #ffffff;
}

.main-navigation ul ul a:hover {
  background: rgb(0, 0, 0); /*fallback*/
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul{
  left: 200px;
  width: 200px;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation li.active > a,
.main-navigation li.active > a,
.main-navigation li.active > a {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: relative;
  color: #ffffff;
}

.main-navigation li:hover > a:after,
.main-navigation .focus > a:after,
.main-navigation .current_page_item > a:after,
.main-navigation .current-menu-item > a:after,
.main-navigation .current_page_ancestor > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.active > a:after,
.main-navigation li.current_page_parent a:after,
.main-navigation li:focus > a:after,
.main-navigation li.focus > a:after {
  background: #FFDB46 none repeat scroll 0 0;
  top: 0;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 50px;
}

.main-navigation li:focus > a:after,
.main-navigation li.focus a:after {
      background-color: #ffd52d !important;
}

@media screen and (max-width: 1199px){
  .main-navigation a {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media screen and (min-width: 992px){
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a {
    color: #ffffff;
  }
}

/* Small menu. */
.menu-toggle {
  display: none;
}

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

  .main-navigation{
    margin: 0;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  }

  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  .menu-toggle,
  #site-navigation .toggled .menu-toggle{
    margin-bottom: 5px;
    padding: 5px 10px !important;
  }

  .main-navigation ul {
    display: none;
  }

  .main-navigation li {
    float: none;
    display: block;
    border-top: 1px solid #787878;
  }

  .main-navigation ul a:hover,
  .main-navigation ul a:focus,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation li.active > a,
  .main-navigation li.active > a,
  .main-navigation li.active > a {
    background: #212121;
  }

  .main-navigation li:hover > a:after,
  .main-navigation .current_page_item > a:after,
  .main-navigation .current-menu-item > a:after,
  .main-navigation .current_page_ancestor > a:after,
  .main-navigation li.active > a:after,
  .main-navigation li.active > a:after,
  .main-navigation li.active > a:after,
  .main-navigation li.current_page_parent a:after{
    display: none;
  }

  .main-navigation.toggled .nav-menu {
    background: none repeat scroll 0 0 #565656;
  }

  /*2 level mobile menu*/
  .main-navigation ul ul:before {
    border-bottom: 10px solid #414141;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    left: 0;
    margin: -10px auto auto;
    position: absolute;
    right: 0;
    width: 10px;
  }

  .main-navigation ul ul {
    background: none repeat scroll 0 0 #414141;
    display: block;
    float: none;
    position: static;
    text-align: left;
    box-shadow: none;
  }

  /*3 level mobile menu*/

  .main-navigation ul ul ul{
    background: none repeat scroll 0 0 #323232;
  }

  .main-navigation ul ul ul:before{
    border-bottom-color: #323232;
  }

  /*4 level mobile menu*/

  .main-navigation ul ul ul ul{
    background: none repeat scroll 0 0 #212121;
  }

  .main-navigation ul ul ul ul:before{
    border-bottom-color: #212121;
  }

  /*5 level mobile menu*/

  .main-navigation ul ul ul ul ul{
    background: none repeat scroll 0 0 #151515;
  }

  .main-navigation ul ul ul ul ul:before{
    border-bottom-color: #151515;
  }


  .main-navigation ul ul li{
    border-top-color: #212121;
  }

  .main-navigation ul ul li:hover > ul {
    width: 100%;
  }

  .main-navigation ul ul li:first-child{
    border-top: none;
  }

  .main-navigation ul ul li a {
    display: block;
    width: auto;
    text-align: center;
    border-bottom: none;
  }

  .main-navigation .menu-toggle{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    border: none;
    box-shadow: none;
    float: none;
    text-align: center;
  }

  .main-navigation .menu-toggle i{
    color: #fff;
    font-size: 40px;
  }
  .biography-nav-left .main-navigation  ul > li.current-menu-item > a  {
    color: #fff !important;
    opacity: 0.8;
  }
  .main-navigation .menu-toggle:hover .fa,
  .main-navigation .menu-toggle:focus .fa {
      color: #DFB200;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
    background-color: #F7F7F7;
    padding: 25px;
}

.navigation.post-navigation a {
    font-weight: bold;
    font-size: 18px;
}

#reply-title {
    font-size: 28px;
    font-weight: bold;
}

/* --------------- Biography Nav Left ------------------------ */

.biography-nav-left .main-navigation .nav-menu{
  width: auto;
}

.biography-nav-left .main-navigation{
  background-color: transparent;
}

.biography-nav-left .main-navigation ul {
  text-align: left;
}

.biography-nav-left .main-navigation a {
  color: #ffffff !important;
  background-color: transparent;
}

.biography-nav-left .main-navigation a:hover {
  background-color: transparent;
}
.biography-nav-left .main-navigation a:hover,
.biography-nav-left .main-navigation a:focus,
.biography-nav-left .main-navigation .focus > a {
  color:#FFDB46  !important;
}


/* ====================================================== */
/* Sidebar */
/* --------------------------------------- */

.widget {
  margin: 0 0 3.5em;
}

.widget-title,
.widgettitle,
.widget.widget_block h1,
.widget.widget_block h2,
.widget.widget_block h3,
.widget.widget_block h4,
.widget.widget_block h5,
.widget.widget_block h6 {
  background: none repeat scroll 0 0 rgb(241, 242, 243);
  border-left: 3px solid #FFDC44;
  font-size: 18px;
  padding: 12px 15px;
  text-transform: capitalize;
  margin-bottom: 25px;
}

.widget ul{
  padding-left: 0;
  list-style: none;
}

.widget li {
  border-top: 1px solid #ededed;
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
}

.widget li a:hover{
  color: #DFB200;
}

/* Make sure select elements fit in widgets. */

.widget select {
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #cccccc;
  max-width: 100%;
  padding: 8px 15px;
}

@media screen and (max-width: 767px){
  #secondary {
    margin-top: 60px;
  }
}

/* Search widget. */
/* ------------------------------------ */


.search-form label {
  margin-bottom: 0;
  width: 68%; /*fallback*/
  width: calc(100% - 106px);
}

.search-form .search-field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #212121;
  display: block;
  height: 42px;
  width: 100%;
  vertical-align: top;
  background-color: #f7f7f7;
  line-height: 20px;
  margin-bottom: 0;
  font-size: 14px;
}

.search-form .search-submit {
  background-color: #FFDB46;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  display: inline-block;
  height: 22px;
  padding: 15px 30px 27px;
  text-shadow: none;
  vertical-align: top;
  width: 102px;
  font-size: 15px;
  margin-top: 0px;
}

.search-form .search-submit:hover,
.search-form .search-submit:focus{
  background-color: #bababa;
  box-shadow: none;
  border: none;
  text-shadow: none;
  vertical-align: top;
  border-radius: 0;
    padding: 15px 30px 27px;
}
.wp-block-search__button {
  border:none;
}
/* widget_archive */
/* ------------------------------------ */


/* widget_calendar */
/* ------------------------------------ */

.widget_calendar table {
  margin: 0;
}

.widget_calendar td,
.widget_calendar th {
  border: 1px solid #ededed;
  line-height: 2.3333;
  text-align: center;
  padding: 0;
}

.widget_calendar caption {
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  margin: 0 0 1.6em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.widget_calendar tbody a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
  background-color: #333;
  color: #fff;
  display: block;
  font-weight: 600;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #707070;
  background-color: rgba(51, 51, 51, 0.7);
  color: #fff;
}

/* widget_categories */
/* ------------------------------------ */
  .widget_categories .children,
  .widget_nav_menu .sub-menu,
  .widget_pages .children {
    margin: 0.4688em 0 0 1em;
    padding-top: 0.4688em;
  }

/* widget_nav_menu */
/* ------------------------------------ */

/* widget_recent_entries */
/* ------------------------------------ */

.widget_recent_entries .post-date {
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 0.8;
  display: block;
}

/* widget_rss */
/* ------------------------------------ */

.widget_rss ul {
  list-style: none;
  margin: 0;
}

.widget_rss li {
  margin-bottom: 1.6em;
}

.widget_rss ul:last-child,
.widget_rss li:last-child {
  margin-bottom: 0;
}

.widget_rss .rsswidget {
  border: 0;
  font-weight: 600;
}

.widget_rss .rsswidget img {
  margin-top: -4px;
}

.widget_rss .rss-date,
.widget_rss cite {
  font-style: normal;
  display: block;
  line-height: 2;
  opacity: 0.8;
}

/* ====================================================== */
/* Primary */
/* --------------------------------------- */


/* Aricles */
/* ------------------------------------ */

.blog article.hentry,
#blog-post article.hentry,
.search article.hentry,
.archive article.hentry,
.tag article.hentry,
.category article.hentry,
#ak-blog-post article.hentry {
  border-bottom: 3px solid #FFDB46;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.cat-links {
  border-right: 1px solid #333333;
  padding-right: 10px;
}

.tags-links {
  padding-left: 10px;
}

.posted-on a,
.cat-links a,
.tags-links a,
.author a{
  font-weight: 600;
}

.posted-on a:hover,
.cat-links a:hover,
.tags-links a:hover,
.author a:hover,
.comments-link a:hover {
  color: #212121;
}

.edit-link {
  margin-left: 15px;
}

.edit-link a {
  color: #999999;
  font-weight: 600;
  text-decoration: underline;
}

.edit-link a:hover, .edit-link a:focus{
  color: #333333;
}

.comments-link {
  margin-left: 15px;
}
#respond .comment-form-cookies-consent input[type="checkbox"], 
.comment-form-cookies-consent input[type="checkbox"] {
    width: auto;
    float: left;
    height: auto;
    min-height: auto;
    margin: 0 10px 0 0;
}
#respond .comment-form-cookies-consent label, 
.comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}
.comment-form-cookies-consent {
    clear: both;
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
/* ====================================================== */
/* Footer */
/* --------------------------------------- */

.site-footer{
  background-color: #636B6B;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Site Info */
/* --------------------------------------- */

.site-info {
  padding-bottom: 25px;
  padding-top: 25px;
  text-align: center;
  color: #f8f8f8;
}

.copyright{
  margin-bottom: 15px;
}

.site-info a{
  color: #d8d8d8 !important;
  text-decoration: none;
}

.site-info a:hover{
  color: #ffffff !important;
}
.entry-title a,
.posted-on a, 
.cat-links a, 
.tags-links a, 
.author a, 
.comments-link a, 
.edit-link a, 
.nav-links .nav-previous a, 
.nav-links .nav-next a, 
.page-links a,
.page-numbers,
.tagcloud a {
  text-decoration: none;
}

/* ====================================================== */
/* Content */
/* --------------------------------------- */

.site-content {
  margin-left: auto;
  margin-right: auto;
  padding-top:60px;
  padding-bottom: 40px;
  width: 1170px;
}

.full-layout .site-content{
  width: auto;
}

.site-content:before,
.site-content:after{
  display: block;
  clear: both;
  content: "";
}

#primary {
  float: left;
  width: 68%;
}

#secondary {
  float: right;
  width: 29%;
}

@media screen and (max-width: 1199px){
  .site-content{
      width: 970px;
  }
}

@media screen and (max-width: 991px){
  .site-content{
      width: 750px;
  }
}

@media screen and (max-width: 767px){
  .site-content {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
  }

  #primary,
  #secondary {
    width: 100%;
    float: none;
  }
}

/*right-sidebar start*/

#primary,
body.biography-right-sidebar #primary {
  float: left;
  width: 68%;
}

#secondary,
body.biography-right-sidebar #secondary {
  float: right;
  width: 29%;
}

/*right-sidebar ends*/

/*left-sidebar start*/

body.biography-left-sidebar #primary {
  float: right;
  width: 68%;
}

body.biography-left-sidebar #secondary {
  float: left;
  width: 29%;
}

/*left-sidebar ends*/

/*no-sidebar start*/

body.biography-no-sidebar #primary {
  float: left;
  width: 100%;
}

/*no-sidebar ends*/

@media only screen and (max-width: 1170px){
  .site-content{
      width: 96%;
      margin: 0 auto;
  }

  .container:before,
  .container:after{
      display: block;
      clear: both;
      content: "";
  }
}

@media only screen and (max-width: 767px){
  #primary,
  body.biography-right-sidebar #primary,
  body.biography-left-sidebar #primary,
  #secondary,
  body.biography-right-sidebar #secondary,
  body.biography-left-sidebar #secondary  {
    width: 100%;
    float: none;
  }

}

/*post image position*/

article.hentry .image-full{
  margin-bottom: 20px;
}

.entry-content .image-left {
  float: left;
  margin-right: 20px;
}

.entry-content .image-right {
  float: right;
  margin-left: 20px;
}

.entry-content .image-left {
  float: left;
  margin-right: 20px;
}
.entry-content .image-none{
  float:none;
  display: none;
}

@media screen and (max-width: 991px){
  .entry-content .left-image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .entry-content .right-image {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
  }

}
/* Alignments */
/* --------------------------------------- */

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Posts and Pages */
/* --------------------------------------- */

.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

/*page links/pagination*/

.page-links {
  clear: both;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 2em;
}

.page-links a,
.page-links > span {
  border: 1px solid #ccc;
  display: inline-block;
  font-size: 15px;
  height: 2em;
  line-height: 2;
  margin: 0 3px 3px 3px;
  text-align: center;
  width: 2em;
}

.page-links a {
  background-color: #f7f7f7;
  color: #333;
}

.page-links a:hover,
.page-links a:focus {
  background-color: #707070;
  border-color: transparent;
  color: #fff;
}

/* Asides */
/* --------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

article.hentry .entry-title,
article.hentry .entry-title a,
.entry-title a{
  color: #FFDC44;
}

/* Comments */
/* --------------------------------------- */

.comment-list + .comment-respond {
    border-top: 1px solid #eaeaea;
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
    padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 1.3333;
}

.comments-title {
    margin-bottom: 1.3333em;
}

.comment-list {
    list-style: none;
    margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
    border-top: 1px solid #eaeaea;
    padding: 1.6em 0;
}

.comment-list .children {
    list-style: none;
    margin: 0;
}

.comment-list .children > li {
    padding-left: 0.8em;
}

.comment-author {
    color: #707070;
    margin-bottom: 0.4em;
}

.comment-author a:hover {
    border-bottom: 1px solid #707070;
}

.comment-author .avatar {
    float: left;
    height: 32px;
    margin-right: 0.8em;
    width: 32px;
    border-radius: 30px;
      -webkit-border-radius: 30px;
      -moz-border-radius: 30px;
      -o-border-radius: 30px;
      -ms-border-radius: 30px;
}

.comment-metadata,
.pingback .edit-link {
    color: #999999;
    font-weight: 600;
}

.comment-metadata a,
.pingback .edit-link a {
    color: #707070;
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
    border-bottom: 1px solid #333;
}

.comment-metadata a.comment-edit-link:hover{
    border-bottom: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
    color: #333;
}

.comment-metadata {
    margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
    margin-left: 1em;
}

.pingback .edit-link {
    margin-left: 1em;
}

.pingback .edit-link:before {
    top: 5px;
}

.comment-content ul,
.comment-content ol {
    margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
    margin-bottom: 0;
}

.comment-content > :last-child {
    margin-bottom: 0;
}

.comment-list .reply {
    font-size: 12px;
}

.comment-list .reply a {
    border: 1px solid #eaeaea;
    color: #707070;
    display: inline-block;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    line-height: 1;
    margin-top: 2em;
    padding: 0.6167em 0.8333em;
    text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
    border-color: #333;
    color: #333;
}

.comment-form {
  padding-top: 1.6em;
}

.comment-form label {
  color: #707070;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  font-weight: 600;
  display: block;
  line-height: 1.5;
  text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
  width: 100%;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: #707070;
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 2em;
}

.logged-in-as a:hover {
  border-bottom: 1px solid #333;
}

.no-comments {
  border-top: 1px solid #eaeaea;
  color: #707070;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  padding-top: 1.6em;
}

.comment-navigation + .no-comments {
  border-top: 0;
}

.form-allowed-tags code {
  font-family: "Raleway", sans-serif;
}

.form-submit {
  margin-bottom: 0;
}

.required {
  color: #c0392b;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  height: 32px;
  overflow: hidden;
  width: auto;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Posts and Pages */
/* --------------------------------------- */

@media screen and (min-width: 768px){
  .error404 #primary {
    width: 55% !important;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
  }

  .error404 #main .col-sm-offset-2 {
      margin-left: auto; 
  }

 .error404 #main .col-sm-8 {
    width: auto;
    text-align: center;
  }

}
.error404 .search-form{
  margin-bottom: 30px;
  text-align: center;
}

.error404 .search-form .search-submit{
  margin-top:20px;
}
/* ====================================================== */
/* Infinite scroll */
/* --------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* ====================================================== */
/* Media */
/* --------------------------------------- */

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* ====================================================== */
/* Captions */
/* --------------------------------------- */

.wp-caption {
  margin-bottom: 1em;
  max-width: 100%;
}


.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption.alignnone img{
  float: left;
}

.wp-caption-text {
  text-align: center;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* ====================================================== */
/* Galleries */
/* --------------------------------------- */

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

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

.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
  max-width: 100%;
}
}

@media screen and (max-width: 480px){
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
  max-width: 100%;
}
}

/* ====================================================== */
/* 10 Global */
/* --------------------------------------- */

/* 10.1 Nullify Bootstrap columns padding */
/* --------------------------------------- */

.pad0l{
    padding-left: 0px;
}
.pad0r{
    padding-right: 0px;
}
.pad0lr{
    padding-left: 0px;
    padding-right: 0px;
}


/* 10.2 columns of same height */
/* --------------------------------------- */

.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}

.col-same-height {
  display: table-cell;
  float: none !important;
}

/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/*social icons styles*/

.biography-social-section ul{
  list-style: none;
  margin-bottom: 0;
  margin-top: 17px;
  text-align: right;
}

.biography-social-section ul li{
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.biography-social-section a:before {
  font-family: "FontAwesome";
  font-size: 14px;
}

.biography-social-section a{
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  line-height: 38px;
  width: 38px;
  height: 38px;
  text-align: center;
  background-color: #ffffff;
  color: #3b4141;
  border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
  margin-left: 5px;
  margin-right: 5px;
}

.biography-social-section a:hover,
.biography-social-section a:focus {
  color: #ffffff !important;
}

.biography-social-section a[href*="facebook.com"]:before {
  content: "\f09a";
}

.biography-social-section a[href*="twitter.com"]:before {
  content: "\f099";
}

.biography-social-section a[href*="linkedin.com"]:before {
  content: "\f0e1";
}

.biography-social-section a[href*="instagram.com"]:before {
  content: "\f16d";
}

.biography-social-section a[href*="youtube.com"]:before {
  content: "\f167";
}

.biography-social-section a[href*="plus.google.com"]:before {
  content: "\f0d5";
}

.biography-social-section a[href*="pinterest.com"]:before {
  content: "\f0d2";
}

.biography-social-section a[href*="flickr.com"]:before {
  content: "\f16e";
}

.biography-social-section a[href*="tumblr.com"]:before {
  content: "\f173";
}

.biography-social-section a[href*="wordpress.org"]:before {
  content: "\f19a";
}

.biography-social-section a[href*="wordpress.com"]:before {
  content: "\f19a";
}

.biography-social-section a[href*="soundcloud.com"]:before {
  content: "\f1be";
}

/*----------------------*/
.biography-social-section a:hover[href*="facebook.com"],
.biography-social-section a:focus[href*="facebook.com"] {
  background-color: #3C579E;
}

.biography-social-section a:hover[href*="twitter.com"],
.biography-social-section a:focus[href*="twitter.com"] {
  background-color: #01BBF6;
}

.biography-social-section a:hover[href*="linkedin.com"],
.biography-social-section a:focus[href*="linkedin.com"] {
  background-color: #1484C3;
}

.biography-social-section a:hover[href*="instagram.com"],
.biography-social-section a:focus[href*="instagram.com"]  {
  background-color: #2D6A93;
}

.biography-social-section a:hover[href*="youtube.com"],
.biography-social-section a:focus[href*="youtube.com"] {
  background-color: #D62424;
}

.biography-social-section a:hover[href*="pinterest.com"],
.biography-social-section a:focus[href*="pinterest.com"] {
  background-color: #BD2126;
}

.biography-social-section a:hover[href*="plus.google.com"],
.biography-social-section a:focus[href*="plus.google.com"] {
  background-color: #D73D32;
}

.biography-social-section a:hover[href*="flickr.com"],
.biography-social-section a:focus[href*="flickr.com"] {
  background-color: #FD0083;
}

.biography-social-section a:hover[href*="tumblr.com"],
.biography-social-section a:focus[href*="tumblr.com"]focus {
  background-color: #34465D;
}

.biography-social-section a:hover[href*="wordpress.org"],
.biography-social-section a:focus[href*="wordpress.org"] {
  background-color: #3480A3;
}

.biography-social-section a:hover[href*="wordpress.com"],
.biography-social-section a:focus[href*="wordpress.com"] {
  background-color: #3480A4;
}

.biography-social-section a:hover[href*="soundcloud.com"],
.biography-social-section a:focus[href*="soundcloud.com"] {
  background-color: #FF5500;

}
/*social group in nav section*/

.social-icon-only a{
  font-size: 0;
}

.social-group-nav a:before {
  font-size: 18px;
}

.social-group-nav a[href*=".com"],
.social-group-nav a[href*=".org"] {
  height: 36px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  width: 36px;
}

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

  .biography-social-section ul{
    padding-left: 0;
    text-align: center;
  }

}
/*back-to-top section*/
.biography-back-to-top {
  background: #FFDB46 none repeat scroll 0 0;
  border-radius: 2px;
  bottom: 15px;
  color: #ffffff;
  display: inline-block;
  font-size: 28px;
  padding: 3px 16px 4px;
  position: fixed;
  right: 15px;
  z-index: 9999999;
  transition: all 1s;
}

.biography-back-to-top:hover{
  border-radius: 50px;
}

.biography-back-to-top i{
  color: #ffffff;
}

/*overflow hidden*/
.overhidden{
  overflow: hidden;
}

/*contact form 7 plugin style*/

.wpcf7-form-control {
  height: 50px;
  margin-bottom: 15px;
  width: 100%;
}

.contact-form .wpcf7-form label {
    width: 100%;
}

/*-------------------- breadcrumb section -----------------*/

#breadcrumb {
  background-color: #DFB200;
  color: #565656;
  font-size: 13px;
  padding-bottom: 11px;
  padding-top: 10px;
  color: #ffffff;
}

#breadcrumb a{
  color: #ffffff;
  text-decoration: none;
}

#breadcrumb a:hover{
  opacity: 0.7;
}

#breadcrumb span{
  margin-right: 5px;
  margin-left: 5px;
}

#breadcrumb span:first-child{
  margin-left: 0;
}
.logged-in-as a,
b.fn a,
.comment-metadata a, 
.pingback .edit-link a,
.reply a {
    text-decoration: none;
}
input[type="submit"]:focus, 
input[type="submit"]:hover,
.wp-block-search__button:hover,
.wp-block-search__button:focus {
  background-color: #000 !important;
  color: #fff;
}

/* ====================================================== */
/* 11 Custom Pages */
/* --------------------------------------- */

/* 11.1 Custom Pages style */
/* --------------------------------------- */

/* Home page Style */
/* --------------------------------------- */

.wrapper{
    float: left;
    width: 100%;
    background-color: #ffffff;
    background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

.block-section{
  position: relative;
  background-position: center top;
  vertical-align: top;
  -webkit-background-attachment: fixed;
  -moz-background-attachment: fixed;
  -o-background-attachment: fixed;
  -ms-background-attachment: fixed;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
}

.block-overlay{
  opacity: 0.7;
  background-color: #2d2c28;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.block-overlay-content{
  position: relative;
  z-index: 2;
}

.block-title{
  margin-bottom: 60px;
}

.title-divider {
  background-color: #cccccc;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 30px;
  margin-top: 25px;
  position: relative;
  width: 150px;
}

.title-divider span {
  background-color: #ffdb46;
  content: "";
  display: block;
  height: 3px;
  margin-top: 0;
  position: absolute;
  top: -1px;
  width: 50px;
}
/*-------------------- header section -----------------*/

.banner-section {
  margin-bottom: 11em;
  margin-top: 4.5em;
}

@media screen and (min-width: 992px){
.banner-inner {
  display: table;
}

.banner-inner .photo-section,
.banner-inner .author-content {
  display: table-cell;
  vertical-align: top;
}

}
.photo-section {
   margin-top: 20px;
}
.photo-section span a:focus {
    outline: thin dotted #000;
}
.photo-section span {
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -o-border-radius: 150px;
      -ms-border-radius: 150px;
    border-radius: 150px;
    display: inline-block;
    height: 240px;
    line-height: 240px;
    overflow: hidden;
    width: 240px;
}

.photo-section span img {
    border: 7px solid #ffffff;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      -o-border-radius: 150px;
      -ms-border-radius: 150px;
    border-radius: 150px;
    height: 100%;
    width: 100%;
}

.author-content {
  float: left;
  margin-left: 60px;
  margin-top: 10px;
}

body .site-branding .site-title,
body .site-branding .site-title a {
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 0;
  text-decoration: none;
}

body .site-branding .site-title:hover,
body .site-branding .site-title a:hover,
body .site-branding .site-title:focus,
body .site-branding .site-title a:focus {
  color: #ffffff !important;
  opacity: 0.8
}

.site-description {
  color: #ffffff;
}

.banner-slider-content{
  font-size: 42px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;

}

.banner-slider-content span{
  font-weight: 400;
  background-color: rgba(0,3,4,0.6);
  padding: 5px 18px 6px;
}

.goest-btn{
  margin-top: 70px;
  margin-bottom: 40px;
}

.goest-btn a.button{
  margin-right: 12px;
}


@media screen and (max-width: 991px){
  .banner-section {
    margin-top: 1em;
  }

  .photo-section {
      width: 100%;
      text-align: center;
  }

  .photo-section span {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }

  .photo-section span img {
    border-width: 3px;
  }

  .site-title,
  .site-title a {
    font-size: 36px;
  }

  .banner-slider-content {
    font-size: 32px;
  }

  .author-content {
    margin-left: 0;
    text-align: center;
    width: 100%;
  }

}

@media screen and (max-width: 767px){
  .site-title,
  .site-title a {
    font-size: 40px !important;
  }
}

@media screen and (max-width: 479px){
  .goest-btn a.button {
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
}
/*-------------------- service block section -----------------*/

.wrap-service{
  padding-top: 10px;
  padding-bottom: 45px;
  text-align: center;
}

.wrap-service .title-divider,
.wrap-service .title-divider span{
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}

.service-inner {
  background-color: #ffffff;
  margin-top: -130px;
  position: relative;
  z-index: 1;
}

.wrap-service .block-title{
  padding-top: 30px;
}

.service-list{
  padding: 15px;
}

.icon-section{
  padding-top: 10px;
  padding-bottom: 10px;
}

.icon-section i{
  color: #FFDB46;
  line-height: 1;
  font-size: 28px;
}

.wrap-service .icon-section i {
  background: transparent none repeat scroll 0 0 !important;
}

.wrap-service h3{
  margin-bottom: 25px;
}

.wrap-service h3 a{
  color: #555555;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
}

.wrap-service h3 a:hover{
  color: #dfb200 !important;
}
ul li a {
  text-decoration: none;
}

/*-------------------- about section -----------------*/

.wrap-about{
  background-color: #F7F8FA;
  padding-top: 60px;
  padding-bottom: 80px;
}

/*why hire me section*/
.about-content{
  margin-right: 65px;
}

.btn-container {
  margin-top: 60px;
}

.wrap-about p.hero{
  font-size: 17px;
}

/*client's testimonial section*/
.testimonial-section{
  margin-top: 50px;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}

.sayer-thumb {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
  border-radius: 150px;
  float: left;
  height: 150px;
  margin-right: 25px;
  overflow: hidden;
  width: 150px;
}

.sayer-thumb img {
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
  border-radius: 150px;
  vertical-align: middle;
}

#testimonial-slide .item > div {
  display: table-cell;
}

.testimonial-content {
  color: #222222;
  font-size: 16px;
}

.sayer-detail{
  font-weight: 600;
}

.carousel-indicators li {
  background-color: #cccccc;
  border: medium none;
  border-radius: 0;
  height: 4px;
  margin-left: 3px;
  margin-right: 3px;
  width: 25px;
}

.carousel-indicators li:hover{
  background-color: #999999;
}

.carousel-indicators .active,
.carousel-indicators li:hover.active {
  background-color: #ffdb46;
  height: 8px;
  margin: 0;
  width: 25px;
}

.carousel-indicators {
  bottom: -25px;
  float: right;
  margin-left: -10%;
  text-align: right;
}

@media screen and (max-width: 1199px) and (min-width: 992px){
  .testimonial-content {
      font-size: 15px;
  }
}

@media screen and (max-width: 991px){
  .about-content {
    margin-right: 0;
    margin-bottom: 60px;
  }

  .carousel-indicators {
    bottom: -50px;
  }
}

@media screen and (max-width: 767px){
  #testimonial-slide .item > div {
    display: block;
  }
}
@media screen and (max-width: 480px){
  .sayer-thumb {
    float: none;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-content {
    float: left;
    text-align: center;
    width: 100%;
  }
}

/*-------------------- story section -----------------*/
.wrap-story{
  padding-top: 60px;
  padding-bottom: 60px;
  color: #fff;
  line-height: 22px;
}

.wrap-story .block-title h2{
  color: #ffffff;
}
.wrap-story .block-title{
  text-align: center;
}

.wrap-story .title-divider,
.wrap-story .title-divider span {
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}

.wrap-story .btn-container{
  text-align: center;

}

/*-------------------- skill section -----------------*/

.wrap-skill{
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #F7F8FA;
}

.wrap-skill .block-title{
  text-align: center;
}

.wrap-skill .title-divider,
.wrap-skill .title-divider span{
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}

.progress {
  height: 8px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), inset 0 0px 1px rgba(0, 0, 0, .4);
}

.progress-value{
  font-weight: 700;
}

.progress-bar {
    background-color: #555555;
}

/*-------------------- resume section -----------------*/

.wrap-resume{
  padding-top: 60px;
  padding-bottom: 60px;
}

.wrap-resume .block-title{
  text-align: center;
}

.wrap-resume .title-divider,
.wrap-resume .title-divider span{
  left: 0;
  margin-left: auto;
  margin-right: auto;
  right: 0;
}

.resume-list-outer{
  position: relative;
  margin-top: 60px;
}

.resume-list-outer:after,
.resume-list:after{
  clear: both;
  display: table;
  content: "";
}

.resume-list-outer:before {
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  content: "";
  height: 100%;
  margin-left: 197px;
  padding-right: 3px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: -1;
}

.resume-list{
  padding-bottom: 30px;
}

.resume-list .date,
.resume-list .icon,
.resume-list .textbox {
  float: left;
  color: #555555;
}

.resume-list .date {
  font-size: 27px;
  margin-right: 10px;
  width: 180px;
}

.resume-list .icon i {
  background-color: #ffdb43;
  border-radius: 50px;
  color: #313131;
  display: inline-block;
  font-size: 22px;
  line-height: 22px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.resume-list .textbox {
  background-color: #ffffff;
  position: relative;
  border: 1px solid #f2f2f2;
  margin-left: 30px;
  padding: 15px 20px 20px;
  width: 78%; /*fallback*/
  width: calc(100% - 265px);
}

.resume-list .textbox:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid #f2f2f2;
  border-top: 10px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  margin-left: -30px;
  position: absolute;
  top: 15px;
}

.resume-list .textbox h3{
  font-size: 16px;
  margin-top: 0;
  margin-bottom: 10px;
}

.wrap-resume .btn-container{
  text-align: center;
}

@media screen and (max-width: 480px){
  .resume-list-outer:before{
    display: none;
  }

  .resume-list .icon{
    margin-top: 0;
  }

  .resume-list .textbox {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
  }

  .resume-list .textbox:before {
    border-bottom: 10px solid #f2f2f2;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    margin-left: auto;
    top: -20px;
  }
}


/*-------------------- counter section -----------------*/

.wrap-counter{
  padding-bottom: 80px;
  padding-top: 80px;
  text-align: center;
  color: #fff;
}

.wrap-highlight h2,
.wrap-highlight h3,
.wrap-highlight h3 a{
  color: #ffffff !important;
}

.wrap-highlight .title-divider{
  margin-right: auto;
  margin-left: auto;
}

.wrap-highlight .title-divider span{
  left: 0;
  right: 0;
  margin: auto;
}

.counter-box {
  margin-top: 30px;
  margin-bottom: 20px;
}

.counter-box .icon i{
  font-size: 36px;
  color: #ffdb43;
}

.counter-box h3 {
  font-weight: normal;
  margin-top: 30px;
  text-transform: inherit;
}

.counter-box .number{
  font-size: 62px;
  font-weight: 100;
  line-height: 1;
}

/*-------------------- portfolio section -----------------*/

.wrap-portfolio{
  padding-bottom: 80px;
  padding-top: 80px;
  text-align: center;
  color: #fff;
}

.wrap-portfolio .title-divider{
  margin-right: auto;
  margin-left: auto;
}

.wrap-portfolio .title-divider span{
  left: 0;
  right: 0;
  margin: auto;
}

/*porfolio item*/
.portfolio-content .item {
  margin-bottom: 30px;
}

.portfolio-content .content {
  overflow: hidden;
  position: relative;
}

.portfolio-content .content .overlay {
  display: block;
  height: 100%;
  position: absolute;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
  z-index: 2;
}
.portfolio-content a:hover .content .overlay {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.portfolio-content .content .overlay .valign-container {
  display: table;
  height: 100%;
  position: relative;
  width: 100%;
}

.portfolio-content .content .overlay .valign-content {
  display: table-cell;
  vertical-align: middle;
}

.portfolio-content .content .overlay .text:before {
  border-bottom: 1px solid #FFDB46;
  border-top: 1px solid #FFDB46;
  bottom: 50px;
  content: "";
  left: 30px;
  opacity: 0;
  position: absolute;
  right: 30px;
  top: 50px;
  transform: scale(0, 1);
  transform-origin: 0 0 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.portfolio-content .content .overlay .text:after {
  border-left: 1px solid #FFDB46;
  border-right: 1px solid #FFDB46;
  bottom: 30px;
  content: "";
  left: 50px;
  opacity: 0;
  position: absolute;
  right: 50px;
  top: 30px;
  transform: scale(1, 0);
  transform-origin: 100% 0 0;
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
}

.portfolio-content .content .overlay .text {
  position: relative;
  text-align: center;
}

.portfolio-content a:hover .content .text:before {
  opacity: 1;
  transform: scale(1);
}

.portfolio-content a:hover .content .text:after {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.2s;
}

.portfolio-content .content .overlay .text .project-name {
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  opacity: 0;
  padding-left: 70px;
  padding-right: 70px;
}

.portfolio-content a:hover .content .overlay .text .project-name {
  opacity: 1;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.portfolio-content .content .image {
  background: #000000 none repeat scroll 0 0;
  height: auto;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
}

.portfolio-content .content .image img {
  width: 100%;
}

.portfolio-content a:hover .image {
    -webkit-transform: rotate(10deg) scale(1.3);
    -moz-transform: rotate(10deg) scale(1.3);
    -o-transform: rotate(10deg) scale(1.3);
    -ms-transform: rotate(10deg) scale(1.3);
  transform: rotate(10deg) scale(1.3);

}

@media screen and (max-width: 767px){
.portfolio-content{
  text-align: center;
}

.portfolio-content .item {
  clear: both;
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
}

}

/*-------------------- client section -----------------*/

.wrap-client{
  padding-bottom: 80px;
  padding-top: 80px;
  text-align: center;
  color: #fff;
  background-color: #F7F8FA;
}

.wrap-client .title-divider{
  margin-right: auto;
  margin-left: auto;
}

.wrap-client .title-divider span{
  left: 0;
  right: 0;
  margin: auto;
}

/*client slider*/

.cycle-slideshow a:hover{
  opacity: 0.7;
}

.cycle-slideshow #prev,
.cycle-slideshow #next{
  background-color: #e1e1e1;
}

.arrow-section{
  text-align: right;
  margin-bottom: 25px;
}

.arrow-section a{
  margin: 5px;
}
/*-------------------- contact section -----------------*/

.wrap-contact{
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #636b6b;
  border-bottom: 1px solid #898989;

}
.wrap-contact,
.wrap-contact .widget-title,
.wrap-contact .widgettitle,
.wrap-contact ul li,
.wrap-contact ul li a{
  color: #ffffff !important;
}
.wrap-contact h2{
  color: #ffffff !important;
}

.contact-list{
  padding-top: 40px;
  font-size: 16px;
}

.contact-info i.fa {
  color: #898989;
  font-size: 24px;
  text-align: center;
  width: 40px;
}

.contact-form p{
  margin-bottom: 0;
}

@media screen and (min-width: 992px){
  .contact-info{
    padding-right: 60px;
  }
}


/*-------------------- Inner Page Header -----------------*/

*{

  margin: 0;
  padding: 0;
  
}
.header img{
    margin-top: 24px;
}
.child-site-header {
    background-color: #2D3B46;
    color: #fff;
    text-align: left;
    width: 100%;
    z-index: 2;
    
}
.photo-section-child span img {
    border: 7px solid #ffffff;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -o-border-radius: 150px;
    -ms-border-radius: 150px;
    border-radius: 150px;
    margin-bottom: 10px;
    max-height: 150px;
    max-width: 150px;
    height: 100%;
    width: 100%;
}
.navbar-fixed-top .navbar-static-top {
  background: #636B6B!important;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    transition: all 0.5s ease 0s;
    z-index: 99;
}

.child-site-title,.child-site-title a {
    color: #fff !important;
    font-size: 22px;
    font-weight: 500;
    margin-top: 24px;
    text-transform: inherit;
    display: block;
    text-decoration: none;
}
.child-site-title, .child-site-description a{
    
    text-decoration: none;
}
p.child-site-description {
    color: #fff;
}
.child-main-navigation {
    background: transparent;
    clear: both;
    display: block;
    float: left;
    margin-top: 24px;
    text-align: left;
    width: 100%;
    color: #fff;
    z-index: 999;
}
.child-main-navigation a {
    color: #fff;
    display: block;
    font-family: "Raleway",sans-serif;
    font-size: 15px;
    padding: 17px 18px !important;
    position: relative !important;
    text-decoration: none;
}

.child-main-navigation ul {
    text-align: left;
    color: #fff !important;
}
.child-main-navigation li {
    display: inline-block;
    position: relative;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
    text-decoration: none;
    border-bottom: 1px solid #DFB200;
}

#biography_child_page{
  background-attachment: fixed, fixed;
    background-color: #565656;  
    background-position: center top;
    padding-bottom: 70px;
    padding-top: 80px;
    text-align: center;
}
.biography_child_page h1{
  font-size: 36px;
  color: #fff !important;
  text-align: center;
}
nav.child-navigation {
    background: transparent;
}
.child-navigation .nav-menu{
  width: auto;
}
.child-margin{
  margin-left: 10px;
}


/*-------------------- Front Page Widget Section -----------------*/

span.the-author:before {
    content: "\f044";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}

.blog-post-wrapper {
    padding: 4px;
    border: 1px solid #eee;
    border-bottom: 3px double #eee;
    margin-bottom: 20%;
}

span.the-time::before {
    content: "\f133";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}

span.the-comments::before {
    content: "\f0e6";
    font-family: fontawesome;
    color: #FFD52D;
    font-size: 14px;
    margin-right: 2px;
}


.btn-container.featured-btn {
  margin-top: 40px;
}
p.widget-excerpt {
    color: #212121;
}

hr.widgethr {
    margin: 5px 0;
    padding: 0;
}
.blog-post-wrapper ul.list-inline {
    margin: 3px 0;
    padding: 0;
}
.blog-post-wrapper h3.entry-title {
    font-size: 22px;
    text-transform: inherit;
}
.banner-section-sortable {
    margin-bottom: 22em;
    margin-top: 4.5em;
}
.widget-height{
  margin-bottom: 35px;
}

/*------------------------------------------------------
Custom CSS
-------------------------------------------------------*/
body {
    position: inherit;
}
body .site-branding .site-title {
    margin-bottom: 21px;
    font-weight: 500;
}
.banner-inner .author-content {
    float: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.wp-custom-logo .banner-inner .author-content {
    margin-bottom: 25px;
}
.photo-section {
    margin-top: 0;
    margin-bottom: -125px;
}
.wp-custom-logo .service-inner {
    padding-top: 80px;
}
.photo-section span {
    width: 150px;
    height: 150px;
    line-height: 150px;
}
.service-inner {
    padding-top: 30px;
}
.banner-inner.biography-animate.fadeInDown.overhidden {
    overflow: visible;
}
.progress {
    border-radius: 0;
    height: 10px;
    margin-bottom: 25px;
    background-color: #D1D1D1;
    box-shadow: none;
}
.progress-bar {
    background-color: #DFB200;
    box-shadow: none;
}
.progress-title {
    font-weight: 500;
    color: #212121;
}
.skill-item .title-detail {
    margin-bottom: 3px;
    font-size: 16px;
}
.button {
    text-transform: uppercase;
}
input[type="submit"], 
input[type="submit"]:hover {
  color: #fff !important;
}
.title-divider {
  background-color: transparent;
}
.title-divider span {
    height: 4px;
    width: 72px;
}
div.wpcf7 .ajax-loader {
    position: absolute;
    margin-top: 16px;
}
.counter-box .icon i {
    font-size: 52px;
    color: #fff;
}
.wrap-client .fa.fa-chevron-circle-left:before {
    content: "\f0a8";
}
.wrap-client .fa.fa-chevron-circle-right:before {
    content: "\f0a9";
}
.arrow-section a {
    color: #A1A1A1 !important;
}
.contact-form .wpcf7-form label {
    width: 100%;
    font-weight: 400;
}
.contact-form .wpcf7-form span {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
}
.wrap-story .content {
    line-height: 1.8;
    text-align: center;
}
input.wpcf7-form-control.wpcf7-submit {
    height: 54px;
}
.contact-form textarea {
    min-height: 150px;
}
.contact-form input[type="text"], 
.contact-form input[type="email"], 
.contact-form input[type="url"], 
.contact-form input[type="tel"], 
.contact-form input[type="password"], 
.contact-form input[type="search"], 
.contact-form textarea {
    background-color: #D1D3D2;
}
.contact-form input[type="text"]:focus, 
.contact-form input[type="email"]:focus, 
.contact-form input[type="url"]:focus, 
.contact-form input[type="tel"]:focus, 
.contact-form input[type="password"]:focus, 
.contact-form input[type="search"]:focus, 
.contact-form textarea:focus {
    background-color: #fff;
}
.contact-address {
    margin-top: 60px;
    margin-bottom: 50px;
}
.contact-address ul {
    list-style: none;
}
.contact-address ul li:not(:last-child) {
    margin-bottom: 15px;
}
.contact-address li.address:before,
.contact-address li.phone:before,
.contact-address li.mail:before {
    content: "\f041";
    font-family: "FontAwesome";
    margin-right: 15px;
}
.contact-address li.phone:before {
    content: "\f095";
}
.contact-address li.mail:before {
    content: "\f0e0";
}
.wrap-service .btn-container {
    margin-top: 40px;
}
.wrap-service {
    padding-bottom: 60px;
}
.wrap-resume,
.wrap-contact {
    padding-left: 15px;
    padding-right: 15px;
}
@media screen and (min-width: 567px) {
    .wp-custom-logo .service-inner {
        padding-top: 130px;
    }
    .photo-section span {
        width: 215px;
        height: 215px;
        line-height: 215px;
    }
    .photo-section {
        margin-bottom: -150px;
    }
    .wp-custom-logo .banner-inner .author-content {
        margin-bottom: 40px;
    }
}
@media screen and (min-width: 767px) {
    .wp-custom-logo .banner-inner .author-content {
        margin-bottom: 40px;
    }
    .resume-list .textbox {
        border: none;
    }
    .resume-list .textbox:before,
    .resume-list-outer:before {
        display: none;
    }
    .resume-list .icon i {
        font-size: 25px;
        padding: 0;
        width: 50px;
        height: 50px;
        line-height: 50px;
        color: #fff;
        position: relative;
        z-index: 1;
    }
    .resume-list-outer {
        overflow: hidden;
        padding-top: 100px;
    }
    .resume-list {
        display: flex;
        padding-bottom: 80px;
        position: relative;
    }
    .resume-list-outer:after {
        content: "";
        background-color: #D1D1D1;
        width: 2px;
        height: 1000px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        right: auto;
        text-align: center;
        margin: 0 auto;
        z-index: 0;
    }
    .resume-list:nth-child(even) {
        flex-direction: row-reverse;
    }
    .resume-list .date,
    .resume-list .textbox {
        width: 45%;
    }
    .resume-list .icon {
        width: 10%;
        text-align: center;
    }
    .resume-list:nth-child(odd) .date,
    .resume-list:nth-child(even) .textbox {
        text-align: right;
    }
    .resume-list .textbox {
        margin: 0;
        padding: 0;
    }
    .resume-list .date {
        margin: 0;
    }
    .resume-list .textbox h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .resume-list:nth-child(odd) .textbox {
        padding-left: 20px;
    }
    .resume-list:nth-child(even) .textbox {
        padding-right: 20px;
    }
    .resume-list:nth-child(even) .date {
        padding-left: 20px;
    }
    .resume-list:nth-child(odd) .date {
        padding-right: 20px;
    }
}
@media screen and (min-width: 992px) {
    .wp-custom-logo .banner-inner .author-content {
        margin-bottom: 50px;
    }
    .banner-inner,
    .banner-inner .photo-section, 
    .banner-inner .author-content {
        display: block;
        text-align: center;
    }
    .banner-inner .photo-section {
        margin-top: 0;
        display: inline-block;
        margin-bottom: -150px;
    }
    .wp-custom-logo .service-inner {
        padding-top: 120px;
    }
    .wrap-client .arrow-section #prev {
        float: left;
        position: relative;
        top: 100px;
        left: -30px;
    }
    .wrap-client .arrow-section #next {
        position: relative;
        top: 100px;
        right: -30px;
    }
    .contact-address {
        margin-bottom: 0;
    }
}

@media screen and (min-width: 1024px) {
  .main-navigation ul {
      display: block;
  }
  .main-navigation ul.nav-menu, .main-navigation {
      display: block !important;
      height: auto !important;  
  }
}
@media screen and (min-width: 1600px) {
    body {
        font-size: 16px;
    }
    .banner-inner .author-content {
        margin-bottom: 85px;
    }
    .banner-inner .photo-section {
        margin-top: 0;
        display: inline-block;
        margin-bottom: -130px;
    }
    .contact-form p:nth-last-child(-n+2) .wpcf7-form-control {
        margin-bottom: 0;
    }
    .wrap-counter,
    .wrap-about,
    .wrap-story,
    .wrap-skill,
    .wrap-resume,
    .wrap-contact,
    .wrap-portfolio,
    .wrap-client {
        padding-top: 85px;
        padding-bottom: 100px;
    }
    .wrap-service {
        padding-bottom: 100px;
    }
    .contact-address ul li {
        font-size: 20px;
    }
    .contact-address li.address:before, 
    .contact-address li.phone:before, 
    .contact-address li.mail:before {
        margin-right: 25px;
    }
}
@media screen and (max-width: 991px) {
    .photo-section span img {
        border-width: 7px;
    }
}