@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 1280px) {

}


@media screen and (max-width: 1024px) {
   
}

@media screen and (max-width: 1023px) {
  
    div.menu.mobileonly {height:90px;;display:block;background:#fff;transition: 1.4s;}
    div.menu.mobileonly.inactive{margin-top:-90px;}
    body.fixed div.menu.mobileonly {margin-top:0!important}
    span.menumobile:after {content:'\f142';color: #c9c16d;font-size: 36px;line-height:90px;float: right;width: 80px;text-align: center;}
    div.menu.mobileonly img {max-height: 55px;width:auto; margin: 15px 0 0 10px;}
    div.mainmenu {position: fixed; z-index: 100; width: 100%;background: #fff;top: 90px;transition: 1.4s;}
    div.mainmenu.down {top:0;}
    div.mainmenu ul {text-align:left;position: fixed;width: 100%;z-index: 50; height: 100%;background: rgb(201 193 109 / 95%);margin:0;right: -100%;transition: 1.4s;overflow-y: auto; padding-bottom: 124px;}
    div.mainmenu ul.active {right:0;}
    div.mainmenu ul li {display:block;margin: 0;}
    div.mainmenu ul li a {color:#222;border-bottom: 1px dotted rgba(255,255,255, 0.5);line-height:100%;padding:20px 20px 20px 30px;}
    div.mainmenu ul li.nav-item.item-101 {display:none;}
    div.mainmenu ul li a:after {content: ""!important;position: absolute; top: 50% !important;left: 9px !important;transform: translateY(-50%);line-height:inherit;}

    
    div.column2 {display:block;}
    div.column2 > div {text-align:left!important;padding-left: 80px;}
    div.column2 div:before {right:initial;left:0;}
    div.column2 div.left img {margin:0 0 40px;}
    div.spogard, div.vandervaart, div.item.services-to-fit-the-course div.left, #footer div.column2 > div {padding:0!important;}
    
}

@media screen and (max-width: 912px) {

}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 768px) {
  ul.projectlist { column-count: 3; text-align: left; display: inline-block; margin: 0;}
  ul.projects {grid-template-columns: repeat(2, 1fr);}
}


@media screen and (max-width: 767px) {
div.heading {font-size:32px;}
div.teeoff {max-width:300px;}
.intro {font-size:14px;}
p {font-size: 14px;}
div.heading span:before {display:none;}
div.heading span:after {height:4px;left:0;right:0;top:initial;transform:none;bottom:-20px;width:100%;}
div.item-content figure img {width: 100%; height: auto;}
blockquote {font-size:18px;line-height:30px;}
img.icon.yellow {max-width:60px;}
@keyframes zoombg{
    0%{
      background-size:  auto 100%;
      
    }
    50%{
      background-size: auto 110% ;
    }
    100%{
      background-size: auto 100% ;
    }
  }
}

@media screen and (max-width: 680px) {
  ul.projectlist { column-count: 2; text-align: left; display: inline-block; margin: 0;}
  ul.projectlist li { margin: 0 0 10px;}
  div.mainmenu img {max-height: 50px;}
  div.mainmenu ul li.item-101 a {padding: 10px 20px 0 10px;max-height: 75px;}
  div.mainmenu ul li.item-101 a:after {display:none}
  .heading span:after, h1 span:after { height: 6px;width: 100%;position: initial;display: block;margin: 20px 0 0;}
  .heading span:before, h1 span:before {display:none;}
  .heading span, h1 span {padding:0;font-size: 2rem;width: 100%;}
  div.column2 > div {padding:0!important}
  .textcarroussel li {font-size: 28px;margin: 0 20px;}
  .textcarroussel div.subtext {font-size: 28px;margin: 0 20px;}
  .textcarroussel li > span {border:0;}
  ul.projects {grid-template-columns: repeat(1, 1fr);}
  ul.instagallery {grid-template-columns: repeat(1, 1fr);}
  div.subtitle {padding:0 0 0 60px;line-height: 48px;}
  div.subtitle.services {padding:0 0 0 40px;line-height: 25px;}
  div.subtitle.services:before {left:0;background-position:top left;}
}

@media screen and (max-width: 600px) {
  
}

@media screen and (max-width: 540px) {
  
}

@media screen and (max-width: 480px) {
  div.gallery div.inner {
    --qslides: 1;
  }
}

@media screen and (max-width: 414px) {

}

@media screen and (max-width: 375px) {

}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {
   

}