/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 25 2017 | 13:02:13 */
.img-col-one img {
    margin-bottom: 10px;
}
.scroll-mob {
    overflow: scroll;
}
@media (max-width:991px) {

div#text-6 {
    width: 60%;
    float: left;
}
div#text-7 {
    width: 37%;
    float: left;
    margin-left: 20px;
}
.img-col-one {
    width: 100% !important;
}
.textwidget {
    width: 100%;
}
div#text-7 .textwidget {
    margin-top: 30px;
}
.img-responsive {
    width: 100% !important;
}
  #logo-wrap {
    width: 50%;
}
 
#header-container nav li a {
    margin: 0 4px;
    font-size: 13px;
}
}
@media (max-width:767px) {
  #site-logo a{
    max-width:100% !important;
  }
  
#header-container nav.primary-menu .menu {
    padding: 0 15px;
}
#header-container nav .menu li {
    display: inline-block;
    position: relative;
  float:none;
}
#header-container nav li a {
    margin: 0 2px;
    font-size: 12px;
    display: inline-block;
  float:none;
}
 div#logo-wrap {
 width:100%; 
  }
div#logo-wrap img {
    width: 180px;
}
  div#text-6 {
    width: 100%;
}

div#text-7 {
    width: 100%;
    text-align: center;
    float: left;
}

div#text-7 .textwidget div {
    float: none !important;
}
  #site-info {
    padding: 10px 15px;
    float: left;
    box-sizing: border-box;
}
#site-info .copyright {
    float: left;
    max-width: initial;
}
#site-info .pc-link {
    float: right;
    max-width: initial;
}
  .footer-widget-container {
    padding: 15px 0px;
}
}
@media screen and (max-width: 767px){
#sfsi_floater{
width: 100% !important;
text-align: center !important;
}
div#logo-wrap{
margin-top:60px !important;
}
#container, .footer-widget-container .inside, #site-info, #header-container header{
    max-width: 100% !important;
}

#body-container{
width: 100%!important;
 min-width: 100%!important;
 max-width: 100%!important;
}
  #attachment_491{
    width: 100%!important;
 min-width: 100%!important;
 max-width: 100%!important;
  }
  #text-6,
#text-7{
  padding-left:10px !important;
  padding-right:10px !important;
width: 100%!important;
min-width: 100%!important;
max-width: 100%!important;
margin: auto 0 !important;
}
  .img-col-one img{
    margin-left:0px !important;
    margin-bottom:7px !important;
    height: 75px !important;
width: 75px !important;
  }
  header.cf > div,
  header.cf > div > div{
    width:100% !important;
    float:none !important;
    text-align: center !important;
    font-size:13px !important;
   
  } 
  header.cf br{
    display:none !important;
    visibility:hidden !important;
  }
  header.cf div:nth-child(2) > div:first-child {
    font-size: 15px !important;
}
 #contentwrap img {
    margin-bottom: 5px;
}
}
@media screen and (min-width: 768px) and (max-width: 1299px){
#logo-wrap {
    width: 35% !important;
}
  #sfsi_floater{
width: 100% !important;
  }
  div#logo-wrap,
  header.cf div:nth-child(2) {
margin-top:60px !important;
}
  header.cf > div > div:nth-child(2){
    margin-top:0px !important;
  }
}