@media (min-width: 576px) {
  .container-wrap {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-wrap {
    max-width: 720px;
  }
  .framewidth {
    padding-left: 30px;
    padding-right: 30px;
  }
  .header-transparent header {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9;
  }
  .header-transparent #page-title {
    padding-top: 170px;
  }
}

@media (min-width: 992px) {
  .container-wrap {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-wrap,
  .container {
    max-width: 1170px;
  }
  .boxed-layout .container-wrap,
  .boxed-layout .container {
    max-width: 1140px;
  }

  .fullwidth.feature-block .feature-block-layout1 .feat-block-content {
    padding-left: 4em;
    padding-right: 10em;
  }
  .fullwidth.feature-block .feature-block-layout2 .feat-block-content {
    padding-left: 10em;
    padding-right: 4em;
  }
}
@media (max-width: 1200px) {
  .header-cart .cart-block--contents {
    right: 50px;
  }
}

@media (max-width: 992px) {
  .text-xxlarge,
  .text-xxlarge-light {
    font-size: 100px !important;
  }

  .feature-block .feature-block-image-right .feat-block-content {
    padding-right: 20px;
  }
  .feature-block .feature-block-image-left .feat-block-content {
    padding-left: 20px;
  }
}

@media (max-width: 768px) {
  .page-wrapper,
  .content-wide .block {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .navbar-toggler.nav-button,
  .header-element {
    position: absolute;
  }
  .header-element {
    right: 60px;
    top: 0;
  }
  .header-element-item {
    padding: 0 !important;
  }
  .header-cart .cart-block--contents {
    right: -60px;
  }
  .region-primary-menu {
    margin-top: 0;
  }
  .brand.logo {
    max-width: 110px;
    padding: 0;
  }
  a.toggle-menu {
    float: none;
    position: relative;
    display: none;
  }
  .toggle_menu ul.menu-parent {
    margin-right: auto;
    display: block;
    float: none;
  }
  .block-title-wrap .block-subtitle {
    max-width: none;
  }
  .feature-block .feat-block-image-wrap,
  .feature-block .feat-block-image {
    position: relative !important;
  }
  .feature-block .feat-block-content {
    padding: 40px 15px !important;
  }
  .content-wide .fullwidth.feature-block .container-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }
  .block-title {
    font-size: 20px;
  }
  .action-block .cta-text {
    margin-top: 0;
    font-size: 15px;
  }
  .footer-widget .block {
    padding: 15px;
  }
  .footer-widget .footer-widget-section:first-child .block {
    padding-left: 15px;
    padding-top: 50px;
  }
  .footer-widget .footer-widget-section:last-child .block {
    padding-right: 15px;
  }
  .footer-bottom .text-right {
    text-align: left !important;
  }
  .footer-widget .block,
  .footer-widget .footer-widget-section:first-child .block {
    padding-right: 0;
    padding-left: 0;
  }
  .views-exposed-form .form-item,
  .views-exposed-form .form-actions {
    display: block;
    margin-bottom: 10px;
  }
  .blog_list .post-content-wrap {
    position: static;
  }
  .node-content .post-image {
    margin-bottom: 25px;
  }
  .node-content .product-add-to-cart {
    text-align: left;
    margin-top: 10px;
  }
  .icon-box-items {
    border-right: none;
    margin-bottom: 20px;
  }
  .heading-text {
    font-size: 32px;
  }
  .pre-heading-text {
    font-size: 21px;
  }
  .slide-wrap {
    width: 100%;
  }
  .slide-content .slide-button {
    margin-top: 10px;
  }
  .hero .slide-content-body {
    margin-top: 5px;
  }
  .slide-block .slide-content {
    padding: 15px;
  }
  .owl-carousel .owl-nav .owl-prev {
    left: 0;
  }
  .owl-carousel .owl-nav .owl-next {
    right: 0;
  }
  .ui-dialog {
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .block {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .brand.logo {
    max-width: 90px;
    line-height: 65px;
  }
  .header-brand {
    display: inline-block;
  }
  .navbar-toggler.nav-button {
    top: 10px;
  }
  .header-element-icon {
    margin-left: 0;
    border-left: none;
  }
  .header-element-item {
    margin-left: 5px;
  }
  .header-element {
    right: 50px;
  }
  .icon-element .header-icon {
    border: none;
  }
  .header .nav-button.active {
    z-index: 999;
    position: relative;
    border: none;
  }
  .header-wrap,
  .header-wrap .header-icon {
    height: 64px;
  }
  .header-wrap .header-icon {
    min-width: 30px;
  }
  .header .header-icon {
    line-height: 65px;
  }
  .header-cart .cart-block--contents {
    width: 250px;
    right: -50px;
  }
  .cart--cart-block .cart-block-count {
    top: 10px;
  }
  .modal-wrapper .form-search {
    font-size: 20px;
  }
  .heading-text {
    font-size: 18px;
  }
  .pre-heading-text {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .slide-block .slide-content {
    padding: 15px 0;
  }
  .hero .slide-content-body,
  .slide-content .slide-button {
    margin-top: 5px !important;
    font-size: 11px;
  }
  .block-title-wrap .block-subtitle {
    font-size: 14px;
  }
  .slide-content .slide-button {
    margin-top: 0;
  }
  .slider .slide-content {
    font-size: 11px;
    padding: 15px 0;
  }
  .button {
    padding: 12px 15px;
    font-size: 10px;
  }
  .slide-content .slide-button .button {
    padding: 9px 10px;
    font-size: 8px;
  }
  .feature-block-wrap .block-title-wrap {
    margin-bottom: 25px;
  }
  .action-block .cta-text {
    font-size: 15px;
  }
  .feature-block .feat-block-content {
    padding: 30px 15px !important;
  }
  .footer-widget .block,
  .footer-bottom .block,
  .footer-bottom .copyright {
    padding: 15px 0;
  }
  .footer-bottom ul.menu li {
    margin: 0 0 5px 0;
    display: block;
  }
  .fact-icon,
  .fact-value {
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .navbar-brand {
    margin-right: 30px;
  }
  .header-element {
    margin-left: 30px;
  }
  .layout-wrap {
    overflow: hidden;
    position: relative;
  }
  .sticky-header .sticky {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 0;
    top: 0;
  }
  .sticky-header .sticky .header-content {
    background-color: #ffffff;
    box-shadow: 0 2px 10px rgba(4,4,4,0.1);
    margin-left: auto;
    margin-right: auto;
  }
  .sticky-header .sticky .brand.logo,
  .sticky-header .sticky .sm-menu > li > a,
  .sticky-header .sticky .header-icon {
    line-height: 60px;
  }
  .framed-layout .sticky-header .sticky {
    left: 30px;
    width: calc(100% - 60px);
  }
  .boxed-layout .sticky-header .sticky .header-content {
    max-width: 1200px;
  }

  /* FRAMED LAYOUT */
  .wrapper.framed-layout {
    padding: 30px;
  }
  .framed-layout .layout-wrap {
    border-radius: 5px;
  }
  .framed-layout .back-to-top,
  .boxed-layout .back-to-top {
    right: 60px;
  }

  /* BOXED LAYOUT */
  .wrapper.boxed-layout {
    max-width: 1200px;
  }

  /*COMMENT*/
  .comment-wrap .author-details {
    width: 10%;
}
  .comment-wrap .author-comments {
    width: 90%;
}

  #slider .norm-width .slide-wrap {
    padding-left: 60px;
    padding-right: 60px;
  }
  .slide-content-main {
    width: 50%;
  }
  .slide-content-main.float-center {
    width: 70%;
  }
  .feature-block-layout1 .feature-block-wrap .block-title-wrap,
  .feature-block-layout2 .feature-block-wrap .block-title-wrap {
    margin-bottom: 35px;
  }
  .feature-block-layout3 .feat-block-content,
  .feature-block-layout4 .feat-block-content {
    padding: 70px 15px;
  }

  .feature-block-layout3 .feat-block-content {
    margin-left: -70px;
  }
  /*
    .feature-block-layout4 .feat-block-content {
        margin-right: -70px;
    }
    */
  .feature-block-layout3 .feat-content-wrap,
  .feature-block-layout4 .feat-content-wrap {
    background: #fcfcfc;
    padding: 60px;
    width: calc(100% + 60px);
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: box-shadow 0.25s ease;
    transition: box-shadow 0.25s ease;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .feature-block-layout3 .feat-block-content {
    padding-left: 0;
  }
  .feature-block-layout4 .feat-block-content {
    padding-right: 0;
  }
  .fullwidth .feature-block-layout3 .feat-block-content {
    padding-right: 70px;
  }
  .fullwidth .feature-block-layout4 .feat-block-content {
    padding-left: 70px;
  }

  .feature-block-layout3 .feat-block-image-wrap {
    border-radius: 0 30px 30px 0;
  }
  .feature-block-layout4 .feat-block-image-wrap {
    border-radius: 30px 0 0 30px;
  }

  .promotion-layout2 .promotion-meta {
    padding: 15px 40px;
  }
  .promotion-layout3 .promotion-meta {
    padding: 15px 45px;
  }
  .promotion-pre-heading-text {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .promotion-layout1 .promotion-title {
    font-size: 20px;
  }
  .promotion-layout3 .promotion-title {
    font-size: 27px;
  }
  .bottom-widgets {
    text-align: left;
    padding: 50px 0;
  }

  .simplenews-subscriber-form.block-title-left .block-title-wrap,
  .simplenews-subscriber-form.block-title-left .block-content,
  .simplenews-subscriber-form.block-title-right .block-title-wrap,
  .simplenews-subscriber-form.block-title-right .block-content {
    display: inline-block;
    width: auto;
    margin: 0;
  }
  .simplenews-subscriber-form.block-title-left .block-title-wrap {
    float: left;
  }
  .simplenews-subscriber-form.block-title-left .block-content {
    margin-top: 7px;
    float: right;
  }
  .simplenews-subscriber-form.block-title-right .block-title-wrap {
    float: right;
  }
  .simplenews-subscriber-form.block-title-right .block-content {
    margin-top: 7px;
    float: left;
  }
  .footer .simplenews-subscriber-form .block-title-wrap,
  .footer .simplenews-subscriber-form .block-content {
    float: none;
    display: block;
  }

  .ui-dialog {
    min-width: 400px !important;
  }
}