.showTablet {
  display: none;
}
@media only screen and (max-width:1650px) {
    
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        max-width: 86%;
    }
}
@media only screen and (max-width:1400px) {
  #featContent {
    padding-left: 5%;
    padding-right: 5%;
  }
  #calloutArea.standardStyle.mainContent {
    padding: 0 5%;
  }
    #calloutAreaBar.mainContent {
        margin-left: 15px;
        margin-right: 15px;
    }
    .single-school-of-dance ul.photoList.col3, .single-lodge #teamSingle .formBgrd, .single-school-of-dance #teamSingle .formBgrd {
        margin: 0;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        max-width: 86%;
    }
    #formArea.halfPage .offset-lg-6 {
        margin-left: 40%;
    }
}
@media only screen and (max-width:1260px), screen and (max-device-width:1260px) and (-webkit-min-device-pixel-ratio:1) {
  #single #headerBgrd.headHalf img.mainImg, #headerBgrd.headHalf img.mainImg {
    padding: 173px 0;
  }
  #headerBgrd img.mainImg {
    padding: 100px 0;
  }
  #headerBgrd.headHalf .overContent {
    background-position: -300px center;
  }
  .bigTitle {
    font-size: 52px;
    line-height: 55px;
  }
    
  .mainContent {
    padding: 95px 0;
  }
  h3.main-title {
    font-size: 50px;
  }
  #mainNav > div > ul > li > a {
    font-size: 18px;
	  line-height: 18px;
  }
  #mainNav > div > ul > li {
    padding: 4px 15px 0 0;
  }
  #logoArea li.hideMobile a {
    font-size: 15px;
    line-height: 15px;
  }
  #mainNav ul.sub-menu {
    width: 160px;
  }
  #calloutArea .offset-lg-5 {
    margin-left: 34%;
  }
  #calloutAreaBar h3.main-title {
    font-size: 38px;
    line-height: 48px;
  }
  #featContent .col-lg-6:before, #featContent .col-lg-6:after {
    background-size: 86%;
    width: 100%;
  }
  
  #sliderArea .slideBox h3 {
    font-size: 50px !important;
    line-height: 65px !important;
  }
 
  #imageSlideArea div.container {
    max-width: 95%;
  }
  #imageSlideArea ul.featList .col-lg-8 {
    min-height: unset;
  }
  #sliderArea .slideBox a {
    font-size: 18px !important;
  }
  #sliderArea .slideBox p {
    font-size: 20px;
    line-height: 30px !important;
  }
  ul.feat-container li a span.overContent h4 {
    font-size: 26px;
    line-height: 26px;
  }
  #featuredArea ul.feat-container li .botBox {
    padding-left: 19px;
    padding-right: 19px;
  }
  .btnMain {
    padding: 15px 19px 15px;
    font-size: 18px;
    line-height: 15px;
  }
  #calloutArea.standardStyle h3.main-title {
    font-size: 32px;
    line-height: 41px;
  }
  #calloutArea .content {
    font-size: 18px;
    line-height: 30px;
  }
  #testimonial {
    padding: 80px 0;
  }
  .ftCopy {
    font-size: 40px;
    line-height: 40px;
  }
  #menuArea article {
    padding: 85px 0;
  }
  #testimonial .content {
    font-size: 29px;
    line-height: 33px;
  }
  #menuArea article ul.col2 li:nth-child(even) {
    padding-left: 80px;
  }
  #menuArea article ul.col2 li:nth-child(odd) {
    padding-right: 0;
  }
  #menuArea article ul.col2 li {
    width: 45.5%;
  }
    .slideBox {
        max-width: unset;
        width: 460px;
        margin-left: -70px!important;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        flex: 0 0 89%;
        max-width: 89%;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-3.col-lg-3 > h4 {
        font-size: 50px;
    }#teamSingle .container .row:nth-child(2)
    #detailArea ul.feat-container.col4 li {
        width: 29%;
    }
    .Camp .slideBox {
         max-width: unset;
        width: unset;
        margin-left: unset!important;
    }
    .single-school-of-dance #teamSingle .formBgrd, .single-lodge #teamSingle .formBgrd {
        max-width: 100%;
        margin: 0;
    }
}
@media only screen and (max-width:1200px), screen and (max-device-width:1200px) and (-webkit-min-device-pixel-ratio:1) {
  h1 {
    font-size: 42px;
    line-height: 48px;
  }
  .subtitle {
    font-size: 16px;
    line-height: 16px;
  }
  #headerBgrd .content {
    font-size: 31px;
    line-height: 38px;
  }
  #headerBgrd .btnMain {
    font-size: 21px;
    line-height: 12px;
    padding: 21px 32px;
  }
  #calloutAreaFt .container {
    max-width: 1000px;
  }
  ul.basicList.col1 li .bullDesc {
    width: 85%;
    display: inline-block;
  }
  #testimonial .container:before, #testimonial .container:after {
    background-size: 89%;
    width: auto;
  }
  #testimonial h3.main-title {
    font-size: 36px;
    line-height: 36px;
  }
  #testimonial .content {
    font-size: 25px;
    line-height: 30px;
  }
    #calloutAreaFt h3 {
        font-size: 38px;
        line-height: 45px;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        margin: 0 -165px;
        flex: 0 0 89%;
        max-width: 87%;
    }
}
@media only screen and (max-width:1100px), screen and (max-device-width:1100px) and (-webkit-min-device-pixel-ratio:1) {
  .bigTitle {
    font-size: 47px;
    line-height: 50px;
  }
  h1 {
    font-size: 37px;
    line-height: 45px;
  }
  h4 {
    font-size: 23px;
    line-height: 25px;
  }
  .btnsArea li:nth-child(3) {
    margin-left: 0;
    margin-top: 12px;
  }
  #headerBgrd.headHalf .overContent {
    background-position: -365px center;
  }
  #headerBgrd .content {
    font-size: 27px;
    line-height: 33px;
  }
  #calloutArea .smallBoth .col-lg-7 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  #calloutArea .offset-lg-5 {
    margin-left: 25%;
  }
  #calloutArea .smallBoth .col-lg-9 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%;
  }
  h3.main-title {
    font-size: 45px;
  }
  #featuredArea ul.feat-container li span.iconImg img {
    width: 80px;
    margin-top: 15px;
  }
  #featuredArea .bgrdCurve {
    height: 380px;
  }
    #calloutArea.standard {
        padding: 55px 0;
    }
    #calloutArea h3 {
        font-size: 35px;
        line-height: 35px;
    }
  #calloutAreaBar .offset-lg-2 {
    margin-left: 8%;
  }
  #calloutArea div.introContent {
    padding-left: 20px;
  }
  #extraBox ul.feat-container li {
    width: 30.4%;
  }
  ul.basicList > li {
    margin: 10px .5%;
    padding: 33px 24px 23px;
  }
  ul.basicList.col2 li {
    width: 48.5%;
  }
  ul.basicList.col3 li {
    width: 31.5%;
  }
  ul.basicList.col4 li {
    width: 23.5%;
  }
    #detailArea ul.feat-container.col4 li {
        width: 45%;
    }
  #pageMenu {
    padding-left: 40px;
    padding-right: 40px;
  }
  .ftLogo a img {
    max-width: 220px;
  }    
    #calloutAreaBar .btnsArea li {
        margin: 0 6px 10px 0;
    }
    #calloutAreaBar > div > div > div > div.col-xs-12.col-sm-12.col-md-12.col-lg-7{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        margin: 0 -140px;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-3.col-lg-3 > h4 {
        font-size: 45px;
    }
    .sesDate {
        display: block;
    }
    ul.sessionList li table td.session {
        vertical-align: middle;
    }
    #formArea.halfPage .mainContent {
        padding: 35px 0;
    }
}
@media only screen and (max-width:1024px), (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1) {

  #mainNav > div > ul > li > a {
    font-size: 16px;
	  line-height: 16px;
  }
#mainNav ul.sub-menu li a {
    font-size: 15px;
    line-height: 15px;
}	
#mainNav ul.sub-menu {
    width: 156px;
}	
  .mainContent {
    padding: 75px 0;
  }
  .smallTop {
    padding-top: 50px !important;
  }
  .smallBot {
    padding-bottom: 50px !important;
  }
  .smallBoth {
    padding: 50px 0 !important;
  }
  #logoArea .col-lg-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
  #logoArea .col-lg-3 {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }
  #logoArea .logoImg {
    max-width: 242px;
  }
  #sliderArea .btnMain {
    font-size: 20px !important;
    line-height: 20px !important;
  }
  #featContent .intro {
    width: 89%;
  }
  #calloutAreaFt .container {
    max-width: 800px;
  }
  #colLogo.col-lg-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    order: 5;
    padding: 0 15px 35px;
  }
  .ftLogo {
    text-align: center;
  }
  h3.main-title {
    font-size: 40px;
  }
    #calloutAreaBar h3.main-title {
        font-size: 35px;
        line-height: 38px;
    }
  #calloutArea div.introContent {
    padding-left: 40px;
  }
    #calloutAreaBar > div > div > div > div.col-xs-12.col-sm-12.col-md-7.col-lg-7 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  #colFirst.col-lg-3, #colSecond.col-lg-3, #colThird.col-lg-3 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
    #headerBgrd.bgrdOverlay .overContent {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 35%, rgba(255, 255, 255, 0) 65%);
    }
    #featuredArea ul.feat-container.col3 li {
        width: 28%;
    }
    
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        margin: 0 -125px;
        flex: 0 0 85%;
        max-width: 85%;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-3.col-lg-3 > h4 {
        font-size: 40px;
        width: 186px;
        height: 190px;
    }
    #featuredArea ul.feat-container.col4 li {
        width: 28%;
    }
    ul.activityUl tr {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    ul.activityUl li table td {
        width: 100%;
        padding: 60px 0;
    }
    ul.activityUl li table {
        width: unset;
    }
    ul.activityUl li:first-child table td:first-child {
        padding-top: 0;
    }
    ul.activityUl li:last-child table td:last-child {
        padding-bottom: 0;
    }
    .single-product #single h1.product_title {
        font-size: 42px;
        line-height: 42px;
    }
}
@media only screen and (max-width:992px), (max-device-width:992px) and (-webkit-min-device-pixel-ratio:1) {
  #mainNav > div > ul > li {
    padding: 5px 11px 0 0;
  }	
  h1 {
    font-size: 32px;
    line-height: 40px;
  }
  h5 {
    font-size: 20px;
    line-height: 27px;
  }
  .bigTitle {
    font-size: 42px;
    line-height: 45px;
  }
  .btnsArea {
    margin: 15px 0 0;
  }
  .btnsArea li:nth-child(3) {
    margin-left: 6px;
    margin-top: 0;
  }
  #headerBgrd img.mainImg {
    padding: 50px 0;
  }
  #headerBgrd.headHalf .overContent {
    background-position: -432px center;
  }
  #single #headerBgrd img.mainImg, #archive #headerBgrd img.mainImg {
    padding: 40px 0;
  }
  #calloutArea .content {
    font-size: 19px;
    line-height: 29px;
  }
  #imgContent .bgContainer .col-lg-12 {
    margin-top: 20px;
  }
  #imgContent .intro .content {
    margin-top: 0;
  }
  ul.blogList li h5 a {
    font-size: 18px;
    line-height: 18px;
  }
    .slideBox {
        width: 992px;
        margin-left: -135px !important;
        margin-top: -240px !important;
        background-color: rgb(242 243 247 / 76%);
        padding: 250px 40px !important;
    }
    .slideBox * {
        text-align: center!important;
    }
    .Camp .slideBox {
        width: unset;
        margin-left: unset !important;
        margin-top: unset !important;
        background-color: unset;
        padding: unset !important;
    }
    #imgContent * {
        text-align: center;
    }
    #imgContent .featLoc {
        text-align: left;
    }
    #imgContent .wrapper.left {
        padding: 20px 2.5% 0;
    }
    #headerBgrd {
        height: 420px;
    } 
    .location-search-box {
        margin: 0 30%;
    }
    .product-search-box > br {
        display: none;
    }
    .product-search-box > label {
        margin-right: 15px;
    }
    .product-search-box {
        margin-left: 0;
    }
    #imgContent.halfPage.alignRight .container .row {
        flex-direction: column-reverse;
    }
    ul.photoList.col3 {
        flex-direction: column;
        align-items: center;
    }
    ul.photoList.col3 li {
        width: 48%;
    }
    ul.photoList.col3 li:not(:last-child) {
        margin-bottom: 30px;
    }
    .extraContent {
        max-width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }
    .extraContent.extraTop {
        max-width: unset;
        margin: 75px 0 0;
        padding-left: 15px;
        padding-right: 15px;
    }
    .single #teamSingle .container {
        max-width: 95%;
    }
    #teamSingle .innerT {
        padding-bottom: 60px;
    }
    #teamSingle .formBgrd {
        max-width: 550px;
        margin: 0 auto;
    }
    #resourceArea ul.list-columns.col3 > li {
	width:50%;
}
}
@media only screen and (max-width:820px), (max-device-width:820px) and (-webkit-min-device-pixel-ratio:1) {
    .showTablet {
    display: block;
  }
	  .mobileBtn {
    display: block;
  }
  #mainNav {
    display: none;
  }  
    .slideBox {
        width: 820px;
        margin-left: -108px !important;
        margin-top: -240px !important;
        background-color: rgb(242 243 247 / 76%);
        padding: 195px 30px !important;
    }
    #extraBox ul.feat-container li {
        width: 46.8%;
    }
    #extraBox ul.feat-container li, #extraBox ul.feat-container li:first-child, #extraBox ul.feat-container li:last-child {
        margin: 1.5% 1.4%;
    }
    #calloutArea * {
        text-align: center;
    }
    #calloutArea {
        background-image: unset!important;
        background-color: #143a6d;
    }
    #calloutArea div.introContent {
        padding-left: 0;
    }
    #calloutArea .col-md-5 {
        flex: unset;
        max-width: unset;
        width: 100%;
        margin:0;
        padding: 0 5%;
    }
    
    ul.blogList.advLayout li.news1 {
        width: 100%;
        border-right: unset;
        border-bottom: 2px solid #dae0e9;
        text-align: center;
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }
    ul.blogList.advLayout li.news2, ul.blogList.advLayout li.news3 {
        width: 100%;
        border: none;
        padding: unset;
        margin: unset;
        
    }
    #headerBgrd.bgrdOverlay .overContent {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 45%, rgba(255, 255, 255, 0) 95%);
    }
    #headerBgrd .bigTitle {
        font-size: 40px;
        line-height: 42px;
    }
    #featuredArea ul.feat-container.col3 li {
        width: 45%;
    }
    #detailArea ul.feat-container.col3 li {
        width: 40%;
    }
    ul.team-container.col5 li {
        width: 30%;
    }
    
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-9.col-lg-9 {
        margin: 0 -95px;
        flex: 0 0 85%;
        max-width: 85%;
        padding: 130px 50px 130px 100px;
    }
    #historyArea div.content-history div.row div.col-xs-12.col-sm-12.col-md-3.col-lg-3 > h4 {
        width: 156px;
        height: 160px;
    }
    .page-id-1335 #headerBgrd {
        height: 358px;
    }
    #highlightArea ul.basicList li,#highlightArea ul.basicList.col3 li {
        width: 75%;
    }
    #featuredArea ul.feat-container.col4 li {
        width: 45%;
    }
    #formArea.halfPage,#formArea.halfPage .bgrdColor1 {
        background-image: unset!important;
        background-color: #283b5a;
    }
    #formArea.halfPage .bgrdColor1 .offset-md-6 {
        margin: 0;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 5%;
    }
    .Camp #calloutArea .subtitle, .Camp #calloutArea p {
        color: #FFFFFF;
    }
    ul.sessionUl tr:first-child {
        display: flex;
        flex-direction: column;
        align-items: center;
/*        justify-content: space-between;*/
/*        height: 460px;*/
    }
    ul.sessionUl li {
        border: 1px solid #dae0e9;
        border-radius: 25px;
        padding: 20px 0;
        margin-bottom: 50px;
    }
    ul.sessionUl li:last-child {
        margin-bottom: 0;
    }
    ul.sessionUl li:before {
        display: none;
    }
    ul.sessionUl li table td.session {
        width: 100%;
        border-right: unset;
        padding: 25px 0;
        border-bottom: solid #dae0e9;
    }
    ul.sessionUl li table td.session:first-child {
        padding-top: 0;
    }
    ul.sessionUl li table td.session:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }
    .sesDate {
        display: inline-block;
    }
    #packingArea ul.list-columns.col2 > li {
        width: 100%;
    }
    ul.blogList.col3 li {
        width: 48%;
    }
    ul.feat-container.col3 li {
        width: 45%;
    }
    ul.team-container.col4 li {
        width: 31%;
    }
    .single-agent #calloutArea .subtitle, .single-agent #calloutArea p {
        color: #fff;
    }
    .single-agent #calloutArea h3.main-title {
        color: #fff;
    }
    .single-agent #calloutArea a.btnBlue {
        background: #eec26c;
        color: #13294b !important;
    }
    .single-agent #calloutArea a.btnBlue:hover {
        background: #bfe9ff;
    }
    #calloutArea h3 {
        font-size: 32px;
        line-height: 32px;
    }
        #resourceArea ul.list-columns.col3 > li {
	width:100%;
}
}
