@media screen and (min-width: 0px) and (max-width:1420px) {
  /* site sec start */
  .siteHolder{ padding-left:40px; padding-right:40px;}
  .siteHolder .col{ padding-left: 15px; padding-right: 15px;}
  /* site sec end */

  /* Location start */
  .locationBox .col_30_70 > .col{ width: 50%;}
  .locationBox .col_30_70 .col{ width:50%;}
  .locationBox .col_30_70 .col:last-child{ width:50%;}
  .locationBox .col.shadow .col{ width: 100%;}
  .mapBox{ padding-left: 10px;}
  .grid.col_1_1.notes > .col{ padding-top:15px; padding-bottom:15px;}
  /* Location end */

  /* date Search start here */
  .SearchList .col_20_80 .col{ width: 50%;}
  .dateName{ height: auto; font-size: 30px; line-height: 38px;}
  .DateBox, .nameBox{width:100%; max-width:100%; padding:15px 0;}
  .DateBox{ border-right: 0px; border-bottom:#B1B1B1 solid 1px;}
  .SearchList .col_20_80 .col.shadow{ padding-bottom: 50px;}
  .col_20_80 .col.shadow .searchIcon{ bottom: 5px;}
  /* date Search end here */
}

@media screen and (min-width: 0px) and (max-width:1200px) {
  /* header start */
  header{ width:200px;}
  #page-wrap{ padding-left:200px;}
  /* header end */

  /* login start */
  .passwordBox label, .searchBox label{font-size:36px; line-height:44px;}
  .passwordBox input[type="password"]{font-size:20px; line-height:28px;}
  /* login end */

  /* site sec start */
  .gradientBox span{ font-size: 24px; line-height: 32px;}
  /* site sec end */
}

@media screen and (min-width: 0px) and (max-width:1040px) {
  /* site sec start */
  .siteHolder{ padding-left: 20px; padding-right: 20px;}
  .siteHolder .col{ padding-left: 10px; padding-right: 10px;}
  /* site sec end */
}

@media screen and (min-width: 0px) and (max-width:1024px) {
  /* header start */
  header{width:100%; padding:10px 20px; height:auto; z-index:99;
  background:linear-gradient(90deg, rgba(228,146,50,1) 0%, rgba(206,45,46,1) 30%, rgba(180,46,127,1) 51%, rgba(97,69,142,1) 70%, rgba(26,73,148,1) 85%, rgba(0,136,202,1) 100%);}
  #page-wrap{ padding-left: 0px; padding-top: 80px;}
  #page-wrap.noHeader{ padding-top: 0px;}
  .logo{ float: left; margin-top: 0px;}
  .logo img{ height: 60px;}
  .poweredLogo{ float: right; position: static; padding-top:0;}
.poweredLogo span{ font-size:12px; line-height: 16px; padding-bottom: 0px;}
.poweredLogo img{ height: 36px;}
  /* header end */

  .commonPage{ padding:0 20px;}

  .commonPage h1{ font-size: 68px; line-height: 76px;}
  .commonPage h2{ font-size: 60px; line-height: 68px;}
  .commonPage h3{ font-size: 50px; line-height: 58px;}

  .loginBox img{ max-width:380px;}

  /* site sec start */
  .siteHolder{ padding: 30px 10px;}
  /* site sec end */

  /* Floor start */
  .titleBox{ padding:16px 20px;}
  .linkList ul li{ padding:16px 20px;}
  /* Floor end */

  /* Location start */
  .locationBox .col_30_70 > .col{ width: 100%;}

  .locationBox{ padding-bottom: 40px;}
  .locationBox .grid.col_30_70{ padding-top: 30px;}
  .col_30_70 .col:first-child{ width: 100%;}
  .col_30_70 .col .box{width:50%; margin: 0 auto;}
  .locationBox .col_30_70 .col, .locationBox .col_30_70 .col:last-child{ width: 100%;}

  .locationBox .col.shadow{ padding-left:0px; padding-top: 0px;}
  .locationBox .col.shadow .col{ width: 30%;}
    .locationBox .col.shadow .col:last-child{ width: 70%;}
  .grid.col_1_1.notes > .col{ width:50%!important;}
  .breadcrumb.respo, .locationTitle.respo{ display: block; padding-left: 10px;}
  .locationTitle.desktop, .breadcrumb.desktop{ display: none;}
  .notes{ font-size: 18px; line-height: 26px;}
  /* Location end */

  .linkBox a{ padding:12px 0;}
  .searchIcon{ bottom: 30px;}
  .col.noLocation{ width: 100%!important;}
}

@media screen and (min-width: 0px) and (max-width:900px) {
  .linkBox a{ font-size: 70px; line-height: 78px; margin: 0 25px;}
}
@media screen and (min-width: 0px) and (max-width:767px) {
  .searchHolder, .loginBoxHolder{ min-height: auto;  }

  .commonPage h1{ font-size:54px; line-height: 60px;}
  .commonPage h2{ font-size:48px; line-height: 58px;}
  .commonPage h3{ font-size:40px; line-height: 48px;}

  .autoSuggest input[type="text"]{ font-size: 24px; line-height: 32px;}
  .result{ top:44px;}
  .autoSuggest::before{ top:7px;}

  /* links start */
  .linkBox a{ font-size: 100px; line-height: 108px; margin: 0px; display: block;}
  /* links end */

  /* site sec start */
  .siteHolder .col{ width: 50%; padding-left: 10px; padding-right: 10px;}
  /* site sec end */

  /* Floor start */
  .titleBox h1{ font-size: 58px; line-height: 68px;}
  .linkList ul li{ font-size: 34px; line-height: 42px;}
  /* Floor end */

  /* Location start */
  .grid.col_30_70{ padding-left: 0px;}
  .locationBox .col.shadow .col:last-child{ width: 100%;}
  .col_30_70 .col{ padding-left: 20px; padding-right: 20px;}
  .locationBox .col.shadow .col{width: 100%;}
  .col.shadow{ padding-right: 15px!important;}
  .breadcrumb.respo, .locationTitle.respo{ display: none;}
  .breadcrumb.ipad, .locationTitle.ipad{ display: block; padding: 0 10px;}
  .mapTitle{text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;}
  /* Location end */

  /* search start */
  .searchHolder{ padding-top: 30px;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;}
  /* search end */

  select{font-size:24px; line-height:32px;}
  .dateSelectBox label{ font-size: 30px; line-height: 36px; padding-bottom:15px;}
}

@media screen and (min-width: 0px) and (max-width:640px) {
/* date Search start here */
body.page-template-template-date-search .titleBox h1{ font-size: 40px; line-height: 48px;}
.SearchList{ padding-bottom: 40px;}
.SearchList .col_20_80 .col{ width: 100%;}
.dateName{ padding-top:20px; font-size:24px; line-height:32px;}
.DateBox{ padding-top: 0px!important;}
.DateBox, .nameBox{ padding: 10px 0;}
.SearchList .col_20_80 .col.shadow {padding-bottom:50px;}
.col_20_80 .col.shadow .searchIcon{bottom:10px;}
/* date Search end here */
}

@media screen and (min-width: 0px) and (max-width:550px) {
  /* site sec start */
  .siteHolder .col{ width:100%;}
  /* site sec end */
  .loginBox img{ max-width:280px; margin: 0 auto;}
  /* login start */
  .passwordBox{ padding-top:10px;}
  .passwordBox label, .searchBox label{ font-size: 30px; line-height:36px;}
  /* login end */

  .dateSelectBox .col{ width: 100%; padding: 10px 0;}
  .dateSelectBox label{ padding-bottom: 10px;}
}

@media screen and (min-width: 0px) and (max-width:480px) {
  /* links start */
  .linkBox a{ font-size:70px; line-height:78px;}
  /* links end */

  .loginBox img{ max-width:220px; margin: 0 auto;}

  /* Floor start */
  .titleBox h1{ font-size: 38px; line-height: 46px;}
  .linkList ul li{ font-size: 30px; line-height:38px;}
  /* Floor end */

  /* Location start */


  .searchIcon{ bottom: 10px; right: 0px;}
  .locationTitle{ padding-bottom: 10px;}

  .breadcrumb.ipad, .locationTitle.ipad{ display: none;}
  .grid.col_1_1.notes{ padding-top: 10px;}
  .grid.col_1_1.notes > .col{ width: 100%!important; padding:5px 5px; }
  .col.mapTitle{ padding-left: 10px!important; padding-right: 10px!important;}
  .locationTitle.desktop, .breadcrumb.desktop{ display: block; padding-bottom:10px;}
  .mapBox{ padding-left: 0px;}
  /* Location end */
}

@media screen and (min-width: 0px) and (max-width:414px) {
  .logo img{ height: 44px;}
  /* .poweredLogo img{ height: 38px;} */
  /* .poweredLogo{ padding-top: 6px;} */
  #page-wrap{ padding-top:80px;}
  .poweredLogo span{ padding-right: 6px;}
}