/*** responsive style for mobiles and tablets views ****/


/*** site structure *****/

#wrapper {
	width: 100%;
	margin: 20px auto;
}
#topwrapper, #mainwrapper, #bottomwrapper, #footer {
	width: 100%;
	margin: 0px auto;
    max-width: 980px;
}
#bottomwrapper {
    background: #fff;
    border-radius: 0 0 9px 9px;
}
#topwrapper {
    background: #fff;
    border-radius: 9px 9px 0 0;
}
#mainwrapper {
	background: #fff;
}
.one_two {
    width: 48%;
    float: left;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
}
#sidebar {
  width: 25%;
  margin: 30px 0 0 3%;
}
.maincontent {
  width: 72%;
}
/**** sidebar ***/    
.sidebar {
  width: 100%;
}
.sidebartop, .sidebarbottom{
    display: none;
}
.sidebarmain {
    background: none;
    width: 100%;
    border: 1px solid rgba(213, 213, 213, 0.74);
}
.sidebarcontent {
  padding: 5px 10px 5px 10px;
}

/*** header ****/
#page-heading, #header {
  max-width: 961px;
  width: 100%;
}
body #click-menu {
    border: 1px solid;
}
.heading-text {
  position: absolute;
  top: 110px;
  left: auto;
}
.logged-in .heading-text {
    top: 145px;
}
#page-heading {
  position: inherit;
  height: auto;
}
#page-heading img {
    width: 100%;
    position: inherit;
}

/*** home page ***/
#slide-wrapper, .center {
    width: 100%;
    max-width: 961px;
}
.static-block #slider {
  width: 100%;
}
#slide-wrapper .one_two {
    text-align: center;
}
.static-text.one_two {
  padding: 60px 0 0 0;
}
.col_13, .col_13_last {
    width: 31%;
}
.col_13_last {
    float: left;
}
.home-imgbox2 {
  width: 100%;
  background-size: cover;
  height: auto;
}
.boximg-pad2 {
    width: 98%;
    padding: 1%;
}

/**** project page ***/
ul.portfolio-4col-filterable li h4 {
  margin-bottom: -10px;
  min-height: 50px;
}
ul.portfolio-4col-filterable li {
  margin: 10px;
}
ul.portfolio-4col-filterable {
  margin: 0 auto;
  max-width: 896px;
 }

/**** contact page ****/
#conctactleft {
  width: 60%;
  float: left;
  margin: 0 0 0 1%;
  padding: 0;
}
#contactright {
  width: 34%;
  margin: 0 0 0 3%;
  padding: 0;
}
#contactright .col_13, #contactright .col_13_last {
  width: 94%;
  margin: 0 0 10px 0;
  padding: 3%;
  border: 1px solid rgba(221, 221, 221, 0.78);
}
#contactright .home-imgbox2 {
    background: none;
}
#contactright .boximg-pad2 {
  width: auto;
  padding: 1%;
  max-width: 98%;
  border: 1px solid #ddd;
}

/**** footer ****/
.copyright p {
    margin: 1px 0px;
    font-size: 12px;
	line-height: 13px;
}
/*.copyright {
    width: 275px;
    padding: 10px 0 0 0;
}
.footermenu {
    max-width: 365px;
    margin-top: 5px;
}*/
.bottom {
   /* height: 45px;*/
    width: auto;
    background-size: contain;
    /*padding: 3px 0px;*/
}



@media (max-width: 980px) {
/** site structure ***/    
    #topwrapper, #mainwrapper, #bottomwrapper, #footer {
        max-width: 730px;
        padding: 0 10px;
    }
    .col_13, .col_13_last {
        width: 32%;
    }
    .col_13 {
        margin-right: 14px;
    }
/**** project page ****/    
    ul.portfolio-4col-filterable {
      max-width: 672px;
    }
}
@media (max-width: 767px) {
/** site structure ****/
    .heading-text {
        padding: 5px;
        margin: 10px;
    }
    #topwrapper, #mainwrapper, #bottomwrapper, #footer {
        max-width: 522px;
    }
    .one_two {
        width: 100%;
        float: none;
    }
    .maincontent, #sidebar {
      margin: 20px 0 0 0;
    }
/**** sidebar ***/    
    .sidebarheading {
      padding-bottom: 12px;
      background: none;
    } 
/*** home page ***/
    #slide-wrapper {
        height: auto;
    }
    .static-text.one_two {
        padding: 0;
    }
/**** site structure ***/    
    .col_13, .col_13_last {
        width: 31%;
    }
    .col_13 {
        margin-right: 18px;
    }
    .maincontent, #sidebar {
      width: 100%;
      margin: 30px 0 0 0;
      padding: 0;
    }
/*** header ***/
    body #click-menu {
      right: 14%;
    } 
/***** contact page ****/
    #conctactleft {
      width: auto;
      float: none;
      max-width: 94%;
      margin: 0 auto;
    }
    #contactright {
      width: auto;
      margin: 0 0 0 3%;
      max-width: 94%;
    }
    #contactright .col_13, #contactright .col_13_last {
      width: 46%;
      margin: 0 4% 10px 0;
      padding: 0;
      border: none;
    }
    #conctactleft {
      border-right: none;
    }

/*** footer ***/    
    /*.copyright {
        width: 96%;
        padding: 2%;
        text-align: left;
        float: none;
        background-color: #222;
        border-radius: 10px;
        margin-bottom: 20px;
        margin-right: 0px;
    }*/
    .footermenu {
        display: none;
    }
    .copyright p {
        margin: 1px 0px;
        font-size: 12px;
        line-height: 17px;
    }
/**** project page ****/    
    ul.portfolio-4col-filterable {
      max-width: 448px;
    }
}

@media (max-width: 560px) {
/**** site structure ****/
    .heading-text {
        position: inherit;
        width: 100%;
        padding: 2px 0;
        margin: 0px;
    }    
    #topwrapper, #mainwrapper, #bottomwrapper, #footer {
        max-width: 96%;
        padding: 0 2%;
    }
    .col_13, .col_13_last {
        margin-right: auto;
        margin-left: auto;
        width: 240px;
        display: block;
        float: none;
    }
    body #click-menu {
        right: 7px;
    }
/***** people page ****/
    .people-page .col_13, .people-page .col_13_last {
      margin: 0 3% 2px;
      width: 44%;
      float: left;
    }  
    .people-page .col_13_last {
      padding-top: 20px;  
      border-top: 2px solid #868686;
    }    
/******* contact page ****/
    #conctactleft {
      margin: 0 auto 50px;
    }
    #contactright {
      width: 100%;
    }
    #contactright .col_13, #contactright .col_13_last {
      width: 94%;
      margin: 0 0 20px 0;
      padding: 2%;
      border: 1px solid rgba(221, 221, 221, 0.78);
    }
    .textarea, .textfield {
        width: 90%;
    }
/**** project page ****/    
    ul.portfolio-4col-filterable {
      max-width: 230px;
    }

}

@media (max-width: 479px) {
    .alignright, .alignleft {
      float: none;
      margin: 10px auto;
      padding: 3px;
      display: block;
      max-width: 100%;
    }
    .col_14 {
      width: 100%;
      margin: 0;
      padding: 0;
    }
}

@media(max-width: 320px) {
  div.light_rounded .pp_details .pp_close {
  width: 23px;
  background-position: -53px -1px;
  border-radius: 15px 0px 0px 15px;
}
  .pp_details .pp_social {
    display: none;
  }
  div.light_rounded .pp_details .pp_description {
    margin-right: 25px;
  }
  #wrapper {
    width: 98%;
  }
}