/* BEGIN max width 1200px */

@media (max-width: 1200px) {
  .header-navigation.third-level {
    width: 90%;
  }

  .site-logo {
    margin-left: 10px;
  }

  .fullwidth-container .gray-box {
    display: none;
  }

  .page-slider .fullwidth-container {
    border-bottom: 3px solid #96181c;
    background: #000;
  }

  .page-slider .fullwidth-container .container {
    padding: 0;
    width: 100%;
  }
}

/* END max width 1200px */

/* BEGIN min width 1025px */

@media (min-width: 1025px) {
  .header .header-navigation {
    display: block !important;
  }
}

/* END min width 1025px */

/* BEGIN min width 1025px max width 1205 */

@media (min-width: 1025px) and (max-width: 1205px) {

  .header .rightwidth-container {
    margin: 0;
    clear: both;
  }

  .header .header-navigation {
    display: block !important;
    clear: both;
  }

  .header .header-navigation.second-level {
    margin-left: 0;
  }

  .header-navigation.third-level {
    margin-left: 0;
  }

  /* .header-navigation.third-level ul > li {
    max-width: 120px;
  } */

  .header .header-navigation > ul > li {
    margin-right: 10px;
    padding-right: 10px;
  }

  .header .header-navigation > ul > li > a {
    padding: 0 0px;
  }

  .header .header-navigation > ul > li > a:hover,
  .header .header-navigation > ul > li > a:focus {
    background: none;
  }

  .header-navigation > ul > li.dropdown:hover > a:after {
    margin-left: 10px;
  }

}

/* END min width 1025px max width 1205 */

/* BEGIN max width 1024px */

@media (max-width: 1024px) {
  .header .mobi-toggler {
    display: block;
  }

  .rightwidth-container {
    background: none;
    border: none;
    clear: both;
  }

  .header .social {
    display: none;
  }

  .header .contact-button {
    display: none;
  }

  .header .espabanner {
    display: none;
  }

  .header .fullwidth-container {
    background: none;
  }

  .header .header-navigation {
    float: none !important;
    display: none;
    clear: both;
    background: #F9F9F9;
    padding: 0 20px;
    margin: 5px;
    font-size: 16px;
  }

  .header .header-navigation li {
    float: none;
    padding: 0;
    clear: both;
  }

  .header .header-navigation > ul {
    padding: 0;
  }

  .header .header-navigation > ul > li {
    border: none;
  }

  .header .header-navigation li > a {
    border-bottom: 1px solid #efefef !important;
    padding: 8px 10px 9px;
    margin: 0 -10px;
    position: relative;
    color: #666 !important;
    background: none !important;
  }

  .header .header-navigation li > a:hover {
    border-bottom: 1px solid #efefef !important;
    background: none !important;
    color: #dd4632 !important;
    text-decoration: none;
  }

  .header .header-navigation ul.list-inline li {
    display: block;
  }

  .header-navigation > ul > li.dropdown:hover > a:after {
    border: none;
  }

  .header-navigation.third-level ul li {
    float: none;
    border: none;
    max-width: 100%;
  }

  .header-navigation.third-level ul {
    padding-left: 0;
    padding-right: 0;
  }

  .header-navigation.third-level ul li a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0;
  }

  /* dropdown menu */

  .header-navigation .dropdown-menu,
  .header-navigation > ul > li > .dropdown-menu {
    position: static;
    width: 100%;
    margin: 0;
    border: none;
    box-shadow: none;
    background: none;
    margin-top: 0;
    border-top: none;
    z-index: 22;
  }

  .header-navigation .dropdown-menu li {
    border: none !important;
    margin-left: 20px;
  }

  .header-navigation .dropdown-menu li > a {
    padding: 10px 10px 9px;
    z-index: 999;
    position: relative;
  }

  .promo {
    margin: 0;
  }

  .service-box-container {
    padding: 0;
  }

  .services-info {
    padding-left: 0;
  }

  .pgp .contact-box-heading:before,
  .pgp .contact-box-heading:after {
    display: none;
  }

  .site-logo img {
    margin-bottom: 5px;
  }

}

/* END max width 1024px */

/* BEGIN max width 992px */

@media (max-width: 992px) {
  .carousel img {
    width: 100%;
    margin-bottom: 10px;
  }

  /*
	if you want to hide buttons on mobile view, uncomment this block
	.pi-img-wrapper div {
		display: none !important;
	}*/

  .service-box .service-box-heading em,
  .service-box .service-box-heading span {
    display: block;
    text-align: center;
  }

  .service-box .service-box-heading em {
    margin-bottom: 10px;
  }

  .headline .strike-border {
    width: 33.5%;
  }
}

/* END max width 992px */

/* BEGIN max width 767px */

@media (max-width: 767px) {
  .header .header-navigation {
    margin: 0 -10px 0;
    padding: 0 10px;
  }

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

  .footer .pull-right {
    padding-top: 15px;
  }

  .footer .list-inline > li {
    padding-left: 0;
    margin-right: 5px;
  }

  .pagination {
    float: left !important;
    padding-top: 10px;
  }

  .pagination > li {
    margin-left: 0;
    margin-right: 5px;
  }

  .service-box ul li {
    text-align: center;
  }

  .promo-services ul {
    width: 100%;
  }

  .promo-services li {
    width: 100%;
    border-bottom: 1px dashed #9b9b9b;
    padding-bottom: 10px;
  }

  .site-logo img {
    margin-bottom: 5px;
  }

  .blog-posts .row.entry {
    padding-left: 20px;
  }

  .blog-posts .row-container:nth-child(odd) .img-responsive {
    padding-bottom: 5px;
  }

  .headline {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }

  .headline .strike-border,
  .headline .bullet {
    display:none;
  }

  .contact-box > div {
    margin-bottom: 40px;
  }
}

/* END max width 767px */

/* BEGIN max width 550px */
@media (max-width: 550px) {
  .headline .strike-border {
    width: 25%;
  }
}

/* END max width 550px */


/* BEGIN max width 450px */

@media (max-width: 450px) {
  .mobi-toggler {
    position: absolute !important;
    right: 5px;
  }
}

/* END max width 450px */

/* BEGIN max width 405px */

@media (max-width: 405px) {
  .mobi-toggler {
    position: absolute !important;
    right: 5px;
  }

  .headline .strike-border {
    width: 20%;
  }
}

/* END max width 405px */

/* BEGIN max width 320px */

@media (max-width: 320px) {
  .site-logo {
    margin-right: 0;
  }
}

/* END max width 320px */