/* Due to media queries' downward-flowing nature, the responsive.css should be completely
copied and overridden instead of relying on inheriting from parent theme's stylesheet. BDM */

/* Freddie added below block for 1440px */

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

    .banner {
        border-radius: 0px;
        margin: 0 auto;
    }

  .flexslider img {
    border-radius: 0px !important;
      margin: 0 auto !important;
  }

  .flexslider {
    border-radius: 0px !important;
      margin: 0 auto !important;
  }
  #header-holder {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
  }

  p.demo_store {
    text-align: center;
    z-index: 10;
    margin-top: 100px;
    width: 100%;
    opacity: 1;
    border-radius: 0px;
    overflow: hidden;
}

  #get-started {
    width: 100%;
    border-radius: 0px;
  }

  #top-search-bar-container {
    margin-left: 5%;
  }

  .isStuck {
    border-radius: 0px !important;
  }

.content-posts-wrap {
    margin-top: 20px;
    margin-bottom: 20px;
  }

#metaslider_11106 .caption h2 {
  font-size: 36px !important;
  line-height: 40px !important;
}

#metaslider_11106.caption p {
  font-size: 15px !important;
}

/* Freddie added below blocks for 1300px & 1150px */


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

  #top-search-bar-container {
    margin-left: 3.5%;
  }
}

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

  #metaslider_11106 .caption h2 {
    font-size: 27px !important;
  }

  #metaslider_11106 p {
    font-size: 15px !important;
  }
}


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


/* Freddie added below styles */

  .flexslider img {
    border-radius: 0px !important;
      margin: 0 auto !important;
  }

  .flexslider {
    border-radius: 0px !important;
      margin: 153px auto 0px auto !important;
  }

  #header-holder {
    opacity: 1 !important;
  }

/* end Freddie */

  #logo {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
  }

  /* Freddie added below style */
  #main {
    margin-top: 130px !important;
  }

  /* Freddie changed from 30% to auto*/

  #logo a img {
      width: auto;
  }

  #header-top .top-left,
  #header-top .top-right {
    width: 100%;
    text-align: center;
  }

  /* Freddie added below styles */

  .banner p {
    display: none;
  }

  .content-posts-wrap {
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .get-strated-left {
    width: 100%;
    text-align: center;
    float: none;
  }

  /* end Freddie */

  #features {
    width: 100%;
  }

  .feature {
    width: 25%;
  }


  #site-navigation {
      text-align: center;
  }

  /* Freddie added below styles */

  .navbar-collapse.collapse {
    position: relative;
    left: 50%;
    float: left;
  }

  .navbar-nav {
    position: relative;
    left: -50%;
    float: left;
  }

  /* end Freddie */

  #site-navigation:after,
  #site-navigation:before {
    border: 0 !important;
    border-color: transparent !important;
  }

  #site-navigation {
      background-color: transparent !important;
    margin: 0;
    min-height: 24px !important;
  }

  #site-navigation {
    border-top: none !important;
    padding-bottom: 10px;
  }

  #services-wrap,
  .about,
  #get-started,
  #footer,
  #copyright {
    padding: 1%;
  }

  /* Freddie added below style */
  .arrows {
    display: none;
  }

  /* Freddie commented below 2 blocks */
  /* .banner .inner {
    margin: 265px auto auto auto;
  }

  .banner ol.dots {
    display: none;
  } */

  /* Freddie added below styles */

  .isStuck {
    position: absolute !important;
  }

  .nav-search-form {
    left: -15px;
    z-index: 50;
  }

  .nav-search-field:focus {
    width: 720px;
  }

  p.demo_store {
    margin-top: 152px;
    font-size: .85em;
  }

  body.woocommerce.woocommerce-demo-store{
    margin-top: 70px;
  }
  /* end Freddie */
}

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

/* Freddie added below styles */

  .flexslider {
    border-radius: 0px !important;
      margin: 93px auto 0px auto !important;
  }

  #metaslider_11106 .caption h2 {
    font-size: 20px !important;
    line-height: 20px !important;
  }

  #metaslider_11106 p {
    font-size: 10px !important;
    padding: 5px 10px 10px 10px !important;
  }

  #metaslider_11106 .caption-wrap {
    height: inherit !important;
  }
/* end Freddie */

/* Freddie added margin-top  and padding styles */
  .banner .inner {
    padding-top: 0 !important;
    margin-top: 268px;
    padding: 0px;
  }

/* Freddie added below styles */

  .navbar-toggle {
    margin-top: 20px;
  }

  .nav-search-label {
    display: block;
  }

  .nav-search-form {
    right: inherit;
    left: inherit;
    position: relative;
    width: 100%;
  }

  .nav-search-field {
    background-color: #fff;
    border: 2px solid black;
    cursor: text;
    outline: 0;
    width: 100%;
  }

  .nav-search-field:focus {
    background-color: #fff;
    border: 2px solid black;
    cursor: text;
    outline: 0;
    width: 100%;
  }

  #navbar {
    overflow: hidden;
  }

  .navbar-collapse.collapse {
    left: initial;
    float: initial;
    width: 100%;
  }

  .navbar-nav {
    position: initial;
    left: initial;
    float: initial;
  }

  .banner {
    height: 400px !important;
  }

  .get-strated-left h2 {
    font-size: 13px;
  }

  #main {
    margin-top: 70px !important;
  }

/* end Freddie */

  .navbar ul {
      float: left;
    width: 100%;
  }

/* Freddie changed from width 100% to width auto */
  #logo {
    width: auto !important;
    text-align: center;
  }

  #cart-wrapper,
  #cart-wrapper #account-set,
  #cart-wrapper #shopping-cart,
  #address-bar {
    width: 100% !important;
    text-align: center;
  }

  #address-bar,
  #cart-wrapper {
    margin-top: 0;
  }

  #address-bar {
    margin-bottom: 18px;
  }

  .phone-box {
    display: none;
  }

  .sidebar-frame {
    width: 100% !important;
  }

  .sidebar-frame .sidebar {
    margin: 0 auto !important;
  }

  .standard-posts-wrapper {
    width: 100% !important;
  }

  .posts-wrapper #post-body .post-single .text-holder .meta span {
    line-height: 1.8em;
  }

  .posts-wrapper #post-body .post-single .text-holder .meta {
    font-size: 11px !important;
  }

  .sidebar-footer {
    width: 100% !important;
  }

  .sidebar-footer div {
    margin: auto 10px !important;
  }

  #content-box {
    width: 97% !important;
    margin: auto 10px !important;
  }

  .post-sidebar {
    display: none !important;
  }

  .post-single {
    width: 100% !important;
  }



  .post-single .meta span {
    display: block !important;
  }

  .standard-posts-wrapper .meta span i {
       margin-left: 0 !important;
  }

  .meta span a span.post_date {
    display: inline !important;
  }

  .posts-featured-details-wrapper h3 {
    font-size: 16px;
  }

  #features {
    width: 100%;
  }

  .services-right,
  .services-left {
    width: 100%;
  }

  .services-left h2 {
    text-align: center;
  }

  .services-left h2,
  .services-left p,
  .row .row-item {
    width: 94%;
  }

  .feature {
    width: 50%;
  }

  .post-info {
    width: 100%;
  }

  .post-info span {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }

  .post-info span.separator {
    display: none;
  }

  .meta span.separator {
    display: none !important;
  }

  .meta span i {
    font-size: 14px;
  }

  .get-strated-left {
    width: 100%;
    text-align: center;
  }

  #services-wrap p,
  #services-wrap .row-item {
    width: 100%;
    text-align: center;
  }

  .row .row-item .service i.fa {
    float: none;
  }
  .content-boxes div.col {
    width: 100%;
    margin-bottom: 18px;
  }

  .isStuck {
    position: absolute !important;
  }

  /* Freddie added below style */
  p.demo_store {
    margin-top: 92px;
    font-size: .75em;
  }
}

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

  .banner .inner h1 {
    font-size: 1.4em;
    /* Freddie commented out */
    /* margin-top:200px; */
  }

  .banner .btn,
  .banner .inner p {
    display: none;
  }

  .copyright-wrap span.right {
    display: none !important;
  }

  .posts-featured-details-wrapper h3 {
    font-size: 15px;
  }

  .posts-featured-details-wrapper p {
    display: none;
  }

  #features {
    width: 100%;
  }

  .feature {
    width: 100%;
  }

/* Freddie added below styles */

  p.demo_store {
    height: 89px;
  }

  body.woocommerce.woocommerce-demo-store{
    margin-top: 90px !important;
  }

  .woocommerce div.product form.cart .variations label {
    display: none;
  }

  .woocommerce ul.products li.product .button  {
    font-size: .6em;
    text-align: center;
    padding: 3px;
  }

  .woocommerce ul.products li.product h3 {
    font-size: .8em;
    overflow-wrap: break-word;
  }

  .woocommerce .price .amount{
    overflow-wrap: break-word;
    font-size: .7em;
  }

  .woocommerce table.shop_table {
    font-size: .7em;

  }

  .woocommerce table.shop_table td {
    padding: 2px;
    text-align: center;

  }

  .woocommerce-cart table.cart .product-thumbnail {
    display:none;

  }

  .woocommerce-cart table.cart .actions {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;

  }

  .woocommerce-cart table.cart .product-remove {
    display:none;

  }

  .woocommerce-cart table.cart .quantity {
    float: none;
    margin-right: 0px;
  }

  .woocommerce div.product form.cart .variations select {
    font-size: .8em;
  }

  .woocommerce div.product div.images, .woocommerce div.product div.summary {
    overflow-wrap: break-word;
  }
  /* end Freddie */
}

@media screen and (max-width: 320px) {
  .featured-text .meta span.meta-comments,
  .featured-text .meta span.meta-more {
    display: none !important;
  }

/* Freddie added below styles */

  .get-started-right-text {
    width: 100%;
    display: block;
  }

  .banner .inner {
    margin-top: 218px;
  }

  .get-strated-button {
    margin-left: 0px;
  }

/* end Freddie */

  #features {
    width: 100%;
  }

  .feature {
    width: 100%;
  }

/* Freddie added below styles */

  .woocommerce div.product form.cart .button {
    margin-top: 10px;
  }

  #main {
    margin-top: 135px !important;
  }
/* end Freddie */

}