/* Responsive Styles
================================================== */

/* All size smaller than 1301 */
@media only screen and (max-width: 1300px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page {
    max-width: 970px;
  }

  .boxed-layout .wrap,
  .boxed-layout-small .wrap {
    max-width: 904px;
  }

  .four-column-full-width {
    width: 33.33%;
  }

  .four-column-full-width:nth-child(4n + 5) {
    clear: none;
  }

  .four-column-full-width:nth-child(3n + 4) {
    clear: both;
  }

  .main-slider .image-slider {
    min-height: 460px;
  }

  .slider-content .slider-title,
  .slider-content .slider-title a {
    font-size: 44px;
    line-height: 52px;
  }

  .header-item-two .main-slider .image-slider {
    min-height: 580px;
  }

  .main-slider .multi-slider .image-slider {
    min-height: 360px;
  }
}

/* All size smaller than 1024
================================================== */
@media only screen and (max-width: 1023px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page,
  #site-title a img {
    width: 100%;
  }

  .boxed-layout #page,
  .boxed-layout-small #page {
    overflow: hidden;
  }

  .boxed-layout .wrap,
  .boxed-layout-small .wrap,
  .boxed-layout #site-title a img {
    width: 668px;
  }

  #search-box {
    background-color: #fff;
  }

  .header-navigation-wrap {
    text-align: center;
  }

  .header-social-block {
    display: inline-block;
    float: none;
  }

  .widget-title {
    font-size: 22px;
    line-height: 1.364;
  }

  .main-slider .image-slider {
    min-height: 320px;
  }

  .slider-content .slider-title,
  .slider-content .slider-title a {
    font-size: 30px;
    line-height: 28px;
  }

  .slider-content .slider-text {
    font-size: 13px;
    line-height: 20px;
  }

  .slider-content .slider-text a.more-link {
    padding: 2px 0;
    width: 160px;
  }

  .slider-content .btn-default {
    font-size: 12px;
    line-height: 18px;
    margin: 10px 5px 0;
    padding: 4px 12px;
  }

  #primary,
  #secondary {
    margin-bottom: 50px;
    padding: 0px;
    width: 100%;
    border: none;
  }

  .left-sidebar-layout #primary {
    float: none;
    padding-left: 0px;
  }

  .left-sidebar-layout #secondary {
    float: none;
    padding-right: 0px;
    border: none;
  }

  .no-sidebar-layout #main {
    margin: 0;
    width: 100%;
  }

  /* ----- Column ----- */
  .column {
    margin: 0 -15px;
  }

  .two-column,
  .three-column,
  .four-column {
    padding: 0 15px 40px;
  }

  .two-column,
  .four-column,
  .three-column,
  .four-column-full-width,
  .business-sidebar .three-column,
  .boxed-layout-small .four-column-full-width {
    width: 50%;
  }

  .three-column:nth-child(3n + 4),
  .four-column:nth-child(4n + 5),
  .four-column-full-width:nth-child(3n + 4),
  .boxed-layout-small .four-column-full-width:nth-child(3n + 4),
  .column-2:nth-child(2n + 3),
  .column-3:nth-child(3n + 4),
  .column-4:nth-child(4n + 5) {
    clear: none;
  }

  .three-column:nth-child(2n + 3),
  .four-column:nth-child(2n + 3),
  .four-column-full-width:nth-child(2n + 3),
  .boxed-layout-small .four-column-full-width:nth-child(2n + 3) {
    clear: both;
  }

  .latest-blog-image {
    float: none;
    margin-bottom: -1px;
    position: relative;
    right: inherit;
    top: inherit;
    width: 100%;
  }

  .latest-blog-text {
    border: 1px solid #e4e4e4;
    padding: 30px 30px 10px;
  }

  .latest-blog-content {
    padding: 0;
  }

  .testimonial-slider {
    max-width: 100%;
  }

  #colophon .widget-area {
    margin: 0;
    display: block;
  }

  #colophon .column-1,
  #colophon .column-2,
  #colophon .column-3,
  #colophon .column-4 {
    border-right: none;
    width: 100%;
    float: none;
    padding: 0;
    display: block;
  }

  .header-item-two.sld-plus .top-header {
    position: relative;
    top: 0;
  }

  .header-item-two.sld-plus .main-header {
    background-color: transparent;
    padding: 0;
  }

  .header-item-two.sld-plus .slider-content {
    top: 50%;
  }

  .header-item-two.sld-plus .is-sticky #sticky-header {
    background-color: rgba(255, 255, 255, 0.7);
  }

  .mkdf-elements-holder-inner {
    font-size: 4rem !important;
  }
}

/* All size smaller than 981px
================================================== */
@media only screen and (max-width: 980px) {
  /* ----- Responsive Navigation ----- */

  #sticky-header-sticky-wrapper {
    height: auto !important;
  }

  #sticky-header {
    position: relative !important;
  }

  .is-sticky #sticky-header {
    top: 0 !important;
  }

  #sticky-header,
  .is-sticky #sticky-header {
    background-color: #fff;
  }

  .is-sticky .header-social-block {
    display: inline-block;
  }

  .is-sticky .main-navigation {
    float: none;
  }

  .nav-site-title {
    display: none;
  }

  .menu-toggle {
    background-color: rgba(0, 0, 0, 0);
    border: 0 none;
    color: #666;
    cursor: pointer;
    display: inline-block;
    font-size: 0;
    margin: 25px auto 0;
    padding: 20px 0;
    width: 30px;
  }

  .menu-toggle .line-bar:before {
    transition: top 0.1s ease 0.14s, opacity 0.1s ease 0s;
  }

  .line-bar:before {
    top: -8px;
  }

  .line-bar:after {
    bottom: -8px;
  }

  .line-bar:after,
  .line-bar:before {
    content: "";
    display: block;
  }

  .line-bar,
  .line-bar:after,
  .line-bar:before {
    border-radius: 5px;
    height: 2px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease;
    width: 30px;
  }

  .menu-toggle .line-bar:after {
    transition: bottom 0.1s ease 0.14s,
      transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s,
      -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
  }
  .menu-toggle .line-bar {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  .line-bar {
    display: block;
    margin-top: -2px;
  }

  .menu-toggle.on .line-bar:before {
    opacity: 0;
    top: 0;
    transition: top 0.1s ease 0s, opacity 0.1s ease 0.14s;
  }

  .menu-toggle.on .line-bar:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease 0s,
      transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s,
      -webkit-transform 0.1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.14s;
  }

  .menu-toggle.on .line-bar {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .menu {
    display: none;
  }

  .toggled-on .menu {
    display: block;
  }

  .top-logo-title .menu-toggle {
    margin: 0;
    padding: 30px 0;
  }

  .widget_nav_menu .menu {
    display: block;
  }

  .main-navigation {
    float: none;
    padding: 0;
  }

  .main-navigation > ul > li {
    position: inherit;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 0;
  }

  .main-navigation > ul > li::before {
    visibility: hidden;
  }

  .main-navigation a {
    float: none;
    height: inherit;
    line-height: 1.833;
    padding: 10px 0;
  }

  /* ----- Dropdown ----- */
  .main-navigation ul li:hover ul {
    top: auto;
  }

  .main-navigation ul li ul {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
    left: 40px;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    top: auto;
    visibility: visible;
    width: 100%;
  }

  .main-navigation ul li ul li {
    float: none;
    margin: 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 1;
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .main-navigation ul li ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }

  .main-navigation ul li ul li::before {
    position: static;
  }

  .main-navigation ul li ul li ul {
    left: 160px;
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  #site-navigation ul ul ul a {
    padding-left: 40px;
  }

  .main-navigation ul ul li:hover ul {
    top: 0;
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
  }

  .main-navigation li li.menu-item-has-children > a:after,
  .main-navigation li li.page_item_has_children > a:after {
    content: "\f107";
  }

  .is-sticky .main-navigation a {
    line-height: inherit;
  }

  .box-title {
    font-size: 26px;
    line-height: 33px;
  }

  .about-content-wrap:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }

  .about-box .about-content,
  .about-box .about-img {
    display: inherit;
    width: 100%;
  }

  .top-logo-title .main-navigation {
    float: none;
    margin: 0;
  }

  .top-logo-title .header-search,
  .top-logo-title .header-search-x {
    bottom: auto;
    top: 52px;
  }

  .top-logo-title .show-menu-toggle {
    bottom: auto;
    top: 40px;
  }

  .header-item-one #sticky-header,
  .header-item-one .is-sticky #sticky-header,
  .header-item-two #sticky-header,
  .header-item-two .is-sticky #sticky-header {
    background-color: transparent;
  }

  .sld-plus .header-text-light .menu.nav-menu {
    background-color: #fff;
    margin-top: 15px;
    padding: 0 20px;
  }

  .sld-plus .header-text-light .main-navigation a,
  .sld-plus
    .header-text-light
    .main-navigation
    li.menu-item-has-children
    > a:after,
  .sld-plus
    .header-text-light
    .main-navigation
    li
    li.menu-item-has-children
    > a:after,
  .sld-plus
    .header-text-light
    .main-navigation
    li.page_item_has_children
    > a:after,
  .sld-plus
    .header-text-light
    .main-navigation
    li
    li.page_item_has_children
    > a:after {
    color: inherit;
  }
}

/* All Mobile Screen ( smaller than 768px )
================================================== */
@media only screen and (max-width: 767px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page {
    width: 460px;
  }

  .boxed-layout .wrap,
  .boxed-layout-small .wrap {
    width: 440px;
  }

  .comments-title,
  #respond h3#reply-title {
    font-size: 26px;
    line-height: 1.231;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    margin-bottom: 10px;
  }

  hr {
    margin-bottom: 30px;
  }

  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="password"],
  textarea,
  input[type="reset"],
  input[type="button"],
  input[type="submit"] {
    margin-bottom: 20px;
  }

  input.s {
    margin: 0;
  }

  #site-branding {
    width: 100%;
  }

  #site-detail {
    display: block;
    text-align: center;
  }

  #site-title {
    font-size: 34px;
  }

  .main-navigation {
    clear: both;
    margin-right: 0;
  }

  .boxed-layout #site-branding,
  .boxed-layout #site-title a img,
  .boxed-layout-small #site-branding,
  .boxed-layout-small #site-title a img {
    max-width: 400px;
  }

  .header-search,
  .header-search-x {
    display: none;
  }

  .main-slider .image-slider {
    min-height: 200px;
  }

  .slider-content {
    left: 0;
    max-width: 90%;
    right: 0;
    text-align: center;
  }

  .slider-content .slider-title,
  .slider-content .slider-title a {
    font-size: 26px;
  }

  .main-slider .flex-direction-nav li {
    height: 80px;
    padding: 10px;
    width: 80px;
  }

  .page-header {
    padding: 10px 20px;
  }

  #content {
    /*padding-top: 50px;*/
  }

  /* ----- Column ----- */
  .column {
    margin: 0;
  }

  .two-column,
  .three-column {
    padding: 0 0 30px;
    width: 100%;
  }

  .two-column-full-width,
  .four-column-full-width,
  .boxed-layout-small .four-column-full-width,
  #primary .three-column,
  #primary .four-column-full-width,
  #primary .four-column {
    margin: 0;
    width: 100%;
  }

  .four-column {
    padding: 0 10px 30px;
    width: 50%;
  }

  .three-column:nth-child(2n + 3) {
    clear: none;
  }

  .three-column-post .post-container,
  .four-column-post .post-container {
    width: 50%;
  }

  .top-bar {
    display: none;
  }

  .top-bar .side-menu-nav {
    width: 100%;
  }

  .box-header {
    padding: 0;
  }

  .about-content-wrap {
    padding: 0;
  }

  .about-box-bg {
    background-position: right;
  }

  .portfolio-box,
  .latest-blog-box {
    text-align: center;
  }

  .latest-blog-content {
    text-align: left;
  }

  .latest-blog-text {
    padding: 20px 20px 10px;
  }

  #main .post {
    margin-bottom: 50px;
  }

  #main .latest-blog-content .post {
    margin-bottom: 0;
  }

  .two-column-blog #primary .post {
    width: 100%;
    float: left;
    margin-right: 0;
  }

  .two-column-blog #primary .post:nth-child(2n + 1) {
    margin-left: 0;
  }

  .small-image-blog .post-featured-image {
    width: 100%;
  }

  .blog a.more-link:before {
    left: -50%;
    width: 50%;
  }

  .blog a.more-link:after {
    right: -50%;
    width: 50%;
  }

  .widget {
    margin-bottom: 40px;
  }

  .widget_custom-tagcloud {
    margin-bottom: 32px;
  }

  .widget_posts {
    margin-bottom: 20px;
  }

  #colophon .widget_posts {
    margin-bottom: 20px;
  }

  .site-info #site-branding {
    max-width: 100%;
  }

  .header-item-two .main-slider .image-slider {
    min-height: 400px;
  }

  .box-slider.sld-plus #sticky-header .wrap,
  .box-slider.sld-plus .top-bar .wrap {
    margin: 0;
    width: 100%;
    padding: 0 30px;
  }

  .portfolio-title-bg {
    font-size: 60px;
    top: 15px;
  }
}

/* All Mobile Screen ( smaller than 481px )
================================================== */
@media only screen and (max-width: 480px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page {
    width: 300px;
  }

  .boxed-layout .wrap,
  .boxed-layout-small .wrap {
    width: 280px;
  }

  .boxed-layout #colophon,
  .boxed-layout-small #colophon {
    margin-bottom: 10px;
  }

  .boxed-layout #site-branding,
  .boxed-layout #site-title a img,
  .boxed-layout-small #site-branding,
  .boxed-layout-small #site-title a img {
    max-width: 240px;
  }

  /* ----- Column ----- */
  .column {
    margin: 0;
  }

  .four-column {
    padding: 0 0 30px;
    width: 100%;
  }

  .four-column:nth-child(2n + 3) {
    clear: none;
  }

  .two-column-post .post-container,
  .three-column-post .post-container,
  .four-column-post .post-container {
    width: 100%;
  }

  .btn-default {
    padding: 6px 18px;
    font-size: 13px;
  }

  .side-menu {
    right: -200%;
  }

  .our-feature-box .column {
    margin: 0;
  }

  .portfolio-title-bg {
    font-size: 40px;
    top: 25px;
  }

  .header-item-one .slider-content {
    display: none;
  }

  .header-item-two .main-slider .image-slider {
    min-height: 320px;
  }

  #wpcf7-f2096-o1 {
    padding: 0 1em;
  }

  .btn-default:last-child {
    margin-right: 0 !important;
    margin-left: 0;
  }
  .list-footer.kld li a {
    padding: 0.5em;
  }
}

/* All Mobile ( smaller than 320px )
================================================== */
@media only screen and (max-width: 319px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout .wrap,
  .boxed-layout-small #page,
  .boxed-layout-small .wrap {
    width: 96%;
  }
}

@media only screen and (max-width: 991px) {
  .navbar-brand-logo.col-xs-6.col-lg-1.hidden-xs.hidden-sm.hidden-md {
    display: none;
  }

  .navbar-brand img {
    right: 184px !important;
  }

  /*  #primary-menu {
        display: none;
    }

    .menu-toggle {
        display: block;
    }*/

  .team-slider {
    padding: 0 1em;
  }

  .menu-toggle {
    margin: 8px auto 0;
  }

  .col-lg-6.col-sm-12.innerBlock {
    text-align: center;
  }

  .block-follow-home .col-lg-6.col-sm-12 {
    text-align: center;
  }

  .image_d {
    height: 382px;
    margin-bottom: 1em;
  }

  .feature-content-wrap.feature-wrap-color-1 {
    height: auto !important;
  }

  .h_J {
    margin-bottom: 1em;
  }

  #primary-menu {
    padding: 1em;
  }

  .col-lg-12.col-md-12.col-sm-12.btto {
    text-align: center;
    margin-top: 0.5em;
  }

  .asidSide {
    margin-bottom: 1em;
  }

  .asvg {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  #banner-slogan3 {
    display: inline-block;
    width: 100%;
  }

  .navbar-brand img {
    top: 0 !important;
    position: static !important;
  }

  .navbar-brand img {
    right: 0 !important;
  }

  .navbar-brand-text.col-sm-12.col-md-6.col-lg-4.hidden-md {
    display: none;
  }

  .navbar-brand-text,
  .navbar-brand-logo {
    text-align: left !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .social-head {
    justify-content: center !important;
  }

  /*.top-header {
        display: none;
    }*/

  .navbar-brand {
    margin: 1em 0;
  }

  .navbar-brand-logo.col-xs-12.col-lg-4.col-sm-12.col-md-12 {
    margin-left: 0;
    padding-left: 0;
  }

  .cfd {
    display: inline-block;
    flex: 1;
    text-align: center;
  }

  #banner-slogan3 img {
    width: 50%;
  }

  .navbar-brand-logo.col-xs-12.col-lg-4.col-sm-12.col-md-12 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .social-head {
    margin-bottom: 0 !important;
  }

  #banner-slogan {
    flex: 1;
    text-align: center !important;
  }

  .social-head {
    flex: 1;
    text-align: center;
  }

  #banner-image {
    padding-bottom: 1em;
  }

  .container.block_ .col-lg-8 {
    border-right: none;
  }
}

@media only screen and (max-width: 575px) {
  .navbar-brand {
    margin-right: 0;
    padding: 0 1em !important;
  }

  .navbar-brand img {
    width: 39%;
  }

  .navbar-brand-text,
  .navbar-brand-logo {
    text-align: left;
  }

  #banner-date {
    float: left;
  }

  .hideMobile {
    display: none;
  }

  .navbar-brand img {
    right: 114px !important;
    top: -46px !important;
  }

  #banner-slogan {
    text-align: center;
  }

  .list-footer.kld li a {
    padding: 0.5em !important;
  }

  .social-head {
    justify-content: center !important;
  }

  .navbar-brand-text.col-sm-4.col-lg-5.hidden-xs {
    text-align: center;
  }

  .navbar-brand.col-xs-12.col-sm-8.col-lg-6 {
    text-align: center;
  }

  /* body {
        overflow-x: hidden;
    }*/
}

@media only screen and (max-width: 420px) {
  #banner-date {
    float: none;
  }

  .navbar-brand-text.col-sm-4.col-lg-5.hidden-xs {
    text-align: center;
  }

  .navbar-brand.col-xs-12.col-sm-8.col-lg-6 {
    text-align: center;
  }

  #banner-slogan {
    text-align: center !important;
  }

  .navbar-brand img {
    right: 85px !important;
    top: -29px !important;
  }

  .list-footer.kld li a {
    padding: 0.2em !important;
  }
}

@media only screen and (max-width: 768px) {
  .btn-default:last-child {
    margin-right: 0 !important;
    margin-left: 0;
  }

  .blog #main > .row {
    padding-left: 1em;
  }

  .blog #main .row article {
    padding-left: 2em;
  }

  .navigation.pagination {
    margin-left: 1em;
    margin-bottom: 0;
  }

  .single #secondary,
  .archive #secondary,
  .blog #secondary {
    padding-top: 0;
  }

  #secondary {
    padding: 1em;
  }

  .page-id-79 .entry-title {
    text-align: center;
  }
}

@media only screen and (min-width: 991px) and (max-width: 1300px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page {
    max-width: inherit;
  }
}

@media only screen and (min-width: 992px) {
  span.cfd:nth-child(2) {
    display: none;
  }
}

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

@media only screen and (max-width: 480px) {
  .wrap,
  .boxed-layout #page,
  .boxed-layout-small #page {
    width: 100%;
  }

  .container.block_ .col-lg-8 {
    margin-bottom: 2rem;
  }

  /*.container.block_ .wpb_column.vc_column_container.col-lg-4.innerBlock {
		padding-left: 0;
	}*/

  .cff-wrapper {
    /* padding: 3em; */
  }
}

@media only screen and (max-width: 991px) {
  .asvg {
    flex-direction: column;
  }
  .navbar-brand-logo.col-xs-12.col-lg-4.col-sm-12.col-md-12 {
    flex-direction: column;
  }

  .wrapper.socialHead {
    justify-content: center;
  }

  .letr {
    display: none !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 991px) {
  #banner-slogan3 img {
    width: 23%;
  }
}

@media only screen and (max-width: 640px) {
  #wpcf7-f2096-o2 .row {
    padding: 0 0.5em;
  }
}

@media only screen and (max-width: 600px) {
  .vc_column-inner.vc_custom_1575636848144 {
    padding: 2em;
  }
}

@media only screen and (max-width: 991px) {
  #content > div.container {
    padding-top: 3em;
  }

  .list-footer.kld .wrapper {
    width: 100% !important;
  }

  .is-sticky #sticky-header .main-navigation a {
    color: #014b92;
  }
}

@media only screen and (max-width: 991px) {
  .modal-dialog {
    max-width: 50% !important;
  }
}

@media only screen and (max-width: 480px) {
  .single-post #content {
    padding: 1em;
  }

  #mc4wp-form-1 .mc4wp-form-fields > .row .col-md-12 {
    text-align: center;
  }
}