/* WPBridge Theme - Responsive Stylesheet */

@media screen and (min-width: 240px) and (max-width: 680px) {
  .wrap, .wrap-1 { width: calc(100% - 30px); margin: 0 auto; }

  .footer p { text-align: center !important; }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
  .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
  .span1, .span2, .span3, .span5, .span6, .span7, .span8, .span9, .span20 {
    width: 100%;
    display: block;
    float: left !important;
    margin: 0px auto;
  }

  .header { padding: 0px; }

  .logo img { padding: 0px 0px; max-width: 300px; display: block; }

  .header p { margin-top: 0px !important; }

  h1 { font-size: 28px; }

  h1 span { padding: 0px 10px; }

  .footer_1 h3 { margin-top: 30px; }

  .sticky1 + .clr15 { padding-top: 65px; }

  .header .wrap { box-shadow: none; }

  .head-top { display: none; }
}

@media screen and (min-width: 641px) and (max-width: 767px) {
  .wrap { width: 95%; margin: 0 auto; }
  .wrap1 { width: 95%; margin: 0 auto; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .wrap { width: 95%; margin: 0 auto; }
  .wrap1 { width: 95%; margin: 0 auto; }
}

@media screen and (min-width: 481px) and (max-width: 900px) {
  .wrap, .wrap1 { width: 98%; margin: 0 auto; }

  .col-md-12 {
    width: 100%;
    display: block;
    float: left !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}