/* Enter Your Custom CSS Here */
.borderframe {width: 850px; height: 380px;z-index:1;position: absolute;}
.home-gallery {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  margin-top: 20px;
}
.home-ALL {
  padding: 5px;
  width: 1200px;
  height: 420px;
  margin-left: 60px;
}
.socialcons {
  margin-right: auto;
  margin-left: auto;
  padding: 5px 0px 0px 550px;
  z-index: 2;
  margin-top: 0px;
}
.top-head {
    position: absolute;
    z-index: -5;
    left: 0px;
top: 50px;
    width: 100%;}
@media screen and (min-width:900px) {.borderframe {
  height: 380px;
  }}
@media screen and (min-width:1000px) {.metaslider .slides img {
    width: 88%!important;}}
@media screen and (max-width:1000px) {#secondary {position:relative;float:left; margin: 50px 0 0 0px;}}
@media screen and (min-width:900px) and (max-width:1000px) {.borderframe {
    width: 720px;}}
@media screen and (max-width:900px) {.borderframe {width:50%;height: 280px;} .home-gallery {width:85%;} .socialcons {padding: 5px 0px 0px 400px;}}
@media screen and (max-width:1000px) {.metaslider .slides img { width: 88%!important;}}
@media screen and (max-width:900px) and (min-width:750px) {.socialcons {padding: 5px 0px 0px 350px;}}
@media screen and (max-width:750px) and (min-width:600px) {.socialcons {padding: 5px 0px 0px 290px;}}
@media screen and (max-width:600px) and (min-width:500px) {.socialcons {padding: 5px 0px 0px 190px;}}
@media screen and (max-width:500px) {.socialcons {padding: 5px 0px 0px 100px;}}
@media screen and (max-width:1100px) and (min-width:900px) {.socialcons {padding: 5px 0px 0px 450px;}}
@media screen and (max-width:1000px) and (min-width:900px) {.home-gallery {width:90%;}.borderframe {
    height:320px;} .metaslider .slides img {
    width: 100%!important;}}
@media screen and (max-width:1000px) and (min-width:990px) {.metaslider .slides img {
    width: 76%!important;}}
@media screen and (max-width:900px) and (min-width:500px) {.borderframe {width: 80%;}}
@media screen and (max-width:750px) and (min-width:700px) {.borderframe {height: 260px;}}
@media screen and (max-width:700px) and (min-width:650px) {.borderframe {height: 240px;}}
@media screen and (max-width:650px) and (min-width:600px) {.borderframe {height: 220px;}}
@media screen and (max-width:600px) and (min-width:550px) {.home-gallery {padding-bottom: 60px;}}
@media screen and (max-width:600px) { .borderframe {display:none;} .home-mobile {display:block;} .metaslider .slides img {width: 100%!important;} .home-jumbotron h1 {
    margin-top: 0px;} .home-gallery {
    padding-left: 0px;} .home-ALL {
    height: 320px;margin-left: 0px;}}
@media screen and (max-width:500px) { .borderframe {display:none;} .home-mobile {display:block;} .metaslider .slides img {width: 100%!important;} .home-jumbotron h1 {
    margin-top: 0px;} .home-gallery {
    padding-left: 0px;} .home-ALL {
    height: 280px;margin-left: 0px;} .socialcons {padding: 5px 0px 0px 50px;}}
.home-mobile {display:none;}
.home-ALL {display:block;}