:root {
  --black: #000000;
  --white: #FFFFFF;
  --primary: #002A49;
  --secondary: #3D979E;
  --secondary-extra-light: #F7FBFD;
  --success: #47B872;
  --warning: #F3C32F;
  --orange: #F28120;
  --light-orange: rgba(242, 129, 32, 0.6);
  --grey: #A5A6B6;
  --grey-light: rgba(0, 42, 73, 0.05);
  --grey-text: rgba(27, 40, 80, 0.4);
  --white-text: #FFFFFF;
  --font-10: 10px;
  --font-11: 11px;
  --font-12: 12px;
  --font-13: 13px;
  --font-14: 14px;
  --font-15: 15px;
  --font-16: 16px;
  --font-17: 17px;
  --font-18: 18px;
  --font-20: 20px;
  --font-22: 22px;
  --font-32: 32px;
  --font-40: 40px;
  --border-radius4: 4px;
  --border-radius5: 5px;
  --border-radius10: 10px;
  --font-w400: 400;
  --font-w600: 600
}

@media screen and (max-width:1200px) {
  header .nav-item>ul {
    right: 0
  }

  .header-bottom .bottom-nav-outer {
    flex-wrap: wrap;

  }

  .header-bottom .bottom-nav-outer .nav-outer .nav { 
    padding-right: 10px
  }
  header .login-nav li a {
    font-size: 14px;
  }

  .responsive-table-info td,
  header .nav-item .nav-link {
    font-size: var(--font-13)
  }

  .header-bottom .search-join-wrap {
    margin-left: auto;
  }
  header .search-join-wrap .btn{
    padding: 8px;
    font-size: var(--font-12);
  }
  .has-sub-menu>.nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
  }

  /* .has-sub-menu:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 6px 6px 0;
    border-color: #fff transparent transparent;
    border-style: solid;
    margin-left: 5px;
    position: absolute;
    top: 9px;
    right: -16px
  } */

  .nav-item.has-sub-menu .sub-menu .has-sub-menu:after {
    margin-right: 23px;
    top: 18px;
    right: -18px;
    border-color: #48999e transparent transparent;
    transform: rotate(-90deg);
    z-index: 999
  }

  .has-sub-menu .sub-menu>.nav-item .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .nav-item.has-sub-menu .sub-menu .has-sub-menu:hover:after {
    border-color: #fff transparent transparent !important
  }

  .find-video-wrap {
    margin-bottom: 25px
  }

  .slick-next,
  .slick-prev {
    z-index: 1;
    background-color: var(--secondary);
    width: 30px;
    height: 30px
  }

  .slick-next:before,
  .slick-prev:before {
    color: var(--white);
    font-size: 12px
  }

  .slick-prev {
    left: 3px
  }

  .slick-next {
    right: 3px
  }

  .features-item-list {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap
  }

  .latest-item-card .thumb-img {
    margin-right: 8px
  }

  .latest-item-card.md-latest-item-card .thumb-img {
    width: 250px;
    height: 130px
  }

  .latest-item-card.md-latest-item-card .info {
    width: calc(100% - 258px);
    padding-right: 15px
  }

  .blog-card .imgbox {
    height: 200px
  }

  .ftr-contact-wrap .ftr-contact-info .call--info a,
  .ftr-contact-wrap .ftr-contact-info .call--info h4,
  .ftr-contact-wrap .ftr-contact-info address h4,
  .search-item-card .name-info .name h4 {
    font-size: var(--font-16)
  }

  .buy-video-search .form-control {
    width: calc(380px - 123px)
  }
  header .nav-item {
    margin: 0px 8px;
  }
  .gallery-card .video-card {
    max-width: 580px
  }

  .gallery-card .info {
    width: calc(100% - 580px)
  }

  .gallery-card .info-wrap .name-info {
    margin-bottom: 10px
  }

  .ftr-contact-wrap .logo-wrap {
    max-width: 135px
  }

  .ftr-contact-wrap .ftr-contact-info {
    width: calc(100% - 170px)
  }

  .blog-card .infobox {
    height: calc(100% - 200px)
  }

  .xs-gallery-wrapper {
    width: 20%
  }

  .sm-gallery-wrapper {
    width: 25%
  }

  .md-gallery-wrapper {
    width: 55%
  }

  .photo-gallery-wrap {
    margin-bottom: 24px
  }

  .sec-photo-gallery {
    padding-bottom: 30px
  }

  .latest-photo-slider .views_slideshow_cycle_main {
    max-height: 303px
  }
  ul.nav > li.nav-item.has-sub-menu {
    padding-right: 3px;
    margin: 0 9px;
}
ul.nav > .nav-item.has-sub-menu::after{
  right: -8px;
}
}

@media screen and (max-width:1024.75px) {
  .ftr-contact-wrap .ftr-contact-info .call--info {
    text-align: left
  }

  .interview-pannel .content {
    padding-left: 125px;
    padding-right: 25px
  }
}

@media screen and (max-width:991.75px) {
  .menu-toggle-btn.menu-btn {
    display: block;
  }

  header .nav-item {
    margin: 0 14px
  }

  header .nav-item .nav-link {
    font-size: var(--font-13)
  }
  .mobile-block .mobile-menu ul li {
    display: block;
    width: 100%;
}

  .ftr-contact-wrap .ftr-contact-info .call--info a,
  .ftr-contact-wrap .ftr-contact-info .call--info h4,
  .ftr-contact-wrap .ftr-contact-info address h4,
  .ftr-contact-wrap .ftr-contact-info h4,
  .ftr-nav-wrap .navbox h4 {
    font-size: var(--font-18)
  }

  header .nav-item>ul>li a {
    font-size: var(--font-14);
    line-height: 1.5
  }

  .has-sub-menu:after {
    top: 7px
  }

  footer {
    padding-top: 60px
  }

  .ftr-nav-wrap {
    justify-content: initial
  }

  .ftr-contact-wrap .ftr-contact-info address p {
    font-size: var(--font-14)
  }

  .ftr-contact-wrap .logo-wrap {
    max-width: 100px
  }

  .ftr-contact-wrap .logo-wrap a {
    width: 65px
  }

  .ftr-contact-wrap .ftr-contact-info {
    width: calc(100% - 100px);
    justify-content: flex-start
  }

  .ftr-contact-wrap .ftr-contact-info #block-australia,
  .ftr-contact-wrap .ftr-contact-info #block-unitedstates {
    max-width: 310px
  }

  .ftr-contact-wrap .ftr-contact-info address {
    max-width: 100%;
    padding-right: 15px
  }

  .ftr-contact-wrap .ftr-contact-info .call--info {
    text-align: left;
    display: flex;
    max-width: initial;
    align-items: center
  }

  .ftr-contact-wrap .ftr-contact-info .call--info h4 {
    margin-right: 20px
  }

  .latest-item-card.md-latest-item-card .thumb-img {
    height: 100px;
    width: 170px
  }

  .latest-item-card.md-latest-item-card .info {
    width: calc(100% - 178px)
  }

  .ftr-contact-wrap .ftr-contact-info .views-element-container {
    padding-right: 35px
  }

  .auther-info .namebox .link-btn {
    padding: 5px;
    width: 25px;
    height: 25px
  }

  .auther-info .namebox {
    width: calc(100% - 30px);
    padding-right: 30px
  }

  .search-item-card .name-info .sm-imgbox {
    width: 32px;
    height: 32px
  }

  .search-item-card .name-info .name h4 {
    font-size: var(--font-15)
  }

  .even-search-form {
    width: 100%;
    margin: 0 -5px
  }

  .sec-event-calendar .title-wrap .form-group {
    margin: 0 5px 15px;
    width: calc(25% - 10px)
  }

  .calendar-video-card {
    height: 225px
  }

  .event-banner {
    max-width: initial
  }

  .gallery-card .video-card {
    max-width: 380px
  }

  .gallery-card .info {
    width: calc(100% - 380px)
  }

  .gallery-wrapper .gallery-item {
    height: 308px
  }

  .sm-gallery-wrapper .gallery-item,
  .xs-gallery-wrapper .gallery-item {
    height: 150px
  }

  .hm-latest-update-wrap {
    margin-top: 20px
  }

  .hm-latest-update-wrap .tab-content>.tab-pane {
    height: auto
  }

  .latest-photo-slider .views_slideshow_cycle_main .image-style-image-slider {
    height: 303px;
    object-fit: cover
  }

  .sec-latest-update .video-wrap .video-item-wrap .video-card .hero-image,
  .sec-latest-update .video-wrap .video-list-wrap .sm-video-card .imagesize,
  .video-card.xc-video-card .views-field.views-field-body .field-content iframe {
    width: 100%;
    height: 100%;
  }

  .sec-event-calendar .title-wrap .md-title-text {
    max-width: 250px;
    width: 250px
  }

  .path-video-calendar .title-wrap .views-exposed-form {
    width: calc(100% - 250px)
  }

  .latest-item-card .thumb-img iframe {
    width: 100% !important;
    height: 100% !important
  }







  .menu-btn,
  .menu-close-btn,
  .search-join-wrap .mobile-search-btn {
    display: flex
  }

  .cross-country-buy-video-search-form form,
  .hide-in-desktop,
  .sec-event-calendar .title-wrap {
    display: block
  }

  .header-bottom .bottom-nav-outer .nav-outer {
    position: fixed;
    top: 0;
    left: -100%;
    width: 320px;
    height: 100vh;
    background-color: var(--white);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    box-shadow: 0 0 5px rgba(0, 0, 0, .15);
    overflow: auto;
    z-index: 99
  }

  .header-bottom .bottom-nav-outer .nav-outer.show {
    left: 0;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
  }

  .header-bottom .bottom-nav-outer .nav-outer .nav {
    flex-direction: column;
    background-color: var(--white);
    justify-content: flex-start;
    padding: 95px 25px 25px
  }

  header .nav-item {
    margin: 0 0 15px;
    padding-left: 30px
  }

  .nav-item:first-of-type .nav-link {
    color: var(--primary)
  }

  header .nav-item .nav-link {
    color: var(--seconday);
    font-size: var(--font-16);
    display: inline-block
  }

  .header-bottom .search-join-wrap,
  header .join-btn {
    margin-left: 0
  }

  .header-bottom .search-input-group {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 104px;
    max-width: 100%;
    background-color: var(--primary);
    align-items: center;
    padding: 15px
  }

  .header-bottom .search-input-group.show {
    display: flex;
    z-index: 2
  }

  .header-bottom .hide-in-desktop.btn.join-btn.nav-link {
    display: inline-block;
    color: #fff;
    line-height: 1.5;
    height: auto;
    padding: 10px 15px;
    font-weight: 600;
    font-size: 15px
  }

  header .nav-item>ul {
    position: static;
    transform: none;
    border-radius: 0;
    transition: .2s;
    display: none
  }

  header .nav-item:hover>ul.open-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block;
    margin-left: 0
  }

  .sub-menu.open-menu {
    margin-left: 0 !important
  }

  header .nav-item>ul.active>.nav-item>ul {
    height: auto;
    transition: .2s;
    margin: 0
  }

  header .nav-item>ul.active,
  header .nav-item>ul.active>.nav-item>ul.active {
    position: static;
    opacity: 1;
    transform: none;
    visibility: visible;
    height: auto
  }

  header .nav-item>ul>li {
    border-bottom: none;
    padding-left: 10px
  }

  .has-sub-menu:after,
  .menu-arrow {
    border-color: var(--primary) transparent transparent transparent;
    left: 0;
    transform: rotate(-90deg)
  }

  header .nav-item>ul>li>ul {
    transform: inherit;
    box-shadow: none;
    width: 100%
  }

  header .nav-item>ul>li a {
    padding: 8px 10px !important
  }

  header .nav-item>ul>li:last-child a {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  header .nav-item>ul>li:first-child a {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
  }

  header .nav-item>ul>li>ul.open-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: block
  }

  .has-sub-menu>.nav-link {
    justify-content: flex-start
  }

  .has-sub-menu:after {
    display: none !important;
    top: 8px
  }

  .menu-arrow {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 7px 0;
    border-style: solid;
    margin-left: 5px;
    position: absolute;
    right: -16px;
    top: 5px
  }

  .has-sub-menu.sub-menu-open:after,
  .nav-item.has-sub-menu.selected .menu-arrow,
  .sub-menu .nav-item.has-sub-menu.selected .menu-arrow,
  .sub-menu.open-menu .nav-item.has-sub-menu.sub-menu-open:after {
    transform: rotate(0)
  }

  .sub-menu .nav-item.has-sub-menu .menu-arrow {
    top: 14px;
    left: -15px;
    right: inherit;
    color: transparent !important;
    background-color: transparent !important;
    transform: rotate(-90deg)
  }

  header .nav-item>ul>li span {
    padding: 0 !important
  }

  .nav-item.has-sub-menu .sub-menu .has-sub-menu:after {
    left: -10px
  }

  .search-input-group>.input-group-append {
    top: auto;
    height: 35px;
    right: 0;
    padding: 5px
  }

  .menu-btn {
    width: 40px;
    height: 40px
  }

  .header-top .top-nav-outer ul.social-nav {
    display: none
  }

  .ftr-nav-wrap {
    padding-bottom: 0
  }

  .ftr-nav-wrap .navbox {
    padding-right: 20px;
    width: 50%
  }

  .ftr-contact-wrap .logo-wrap {
    margin: 0 0 10px;
    display: flex;
    justify-content: flex-start
  }
  header #block-palmerhiggs-account-menu {
    display: none;
  }
  header #block-palmerhiggs-branding {
    margin-right: auto;
  }
  .header-bottom .bottom-nav-outer {
    justify-content: flex-end;
  }
  header .container {
    padding-left: 0;
  }
  .header-bottom .search-join-wrap .btn {
    font-size: 14px;
  }
  header .green-btn {
    margin-left: 0;
    margin-right: 8px;
  }

  .mobile-blockoverlay {
    background-color: rgba(0, 42, 73, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
  }
  .mobile-blockoverlay.active{
    opacity: 1;
  }
  .mobile-menu .menu-close-btn {
    display: none;
}
  .mobile-block {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    transition: 0.5s left ease-in-out;
    height: 100dvh;
    overflow: auto;
    width: 320px;
    background: #fff;
    z-index: 4;
  }
  .mobile-block.show{
  left: 0;
  }
  .mobile-logo img {
    max-width: 74px;
    margin: 15px 0 0 15px;
    height: auto;
  }
  .mobile-block .mobile-btns {
    padding: 16px 16px 16px 16px;
    display: flex;
    gap: 12px;
    justify-content: flex-start;
  }
  .mobile-block .mobile-close-btn {
    border: 0;
    padding: 0;
    background: none;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .mobile-block .mobile-btns .btn {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    padding: 11px 22px;
    border-radius: 4px;
    display: inline-block;
    line-height: normal;
    height: auto;
  }

  .mobile-block .mobile-btns .green-btn {
    background-color: rgba(61,151,158,1);
  }
  .mobile-block .mobile-btns .join-btn {
    background-color: #f28120;
  }
  .mobile-block .mobile-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0 15px;
  }
  .mobile-block .mobile-menu ul li ul{
    padding: 0;
    opacity: 1;
  }
  .mobile-block .mobile-menu ul a {
    font-size: 16px;
    color: #002A49;
    display: block;
    padding: 0;
    position: relative;
  }
  header .mobile-block .mobile-menu ul li ul li a {
    padding: 8px 0 !important;
    color: #002A49 !important;
}
  .mobile-search {
    margin-top: 20px;
    padding: 10px;
  }
  .mobile-search form {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    flex-direction: row-reverse;
    width: 100% !important;
  }
  .mobile-search form input {
    height: 36px;
    min-height: auto;
    padding: 0 8px;
    border: 0;
    margin: 0;
  }
  .mobile-search .form-item{
    margin:0;
  }
  .mobile-search form input[type="submit"],
  .path-xc-video .mobile-search form input[type="submit"]  {
    font-size: 0 !important;
    border: 0;
    background: url(../img/search-icon.svg)no-repeat;
    width: 30px;
    background-position: center;
    padding: 0 !important;
    margin: 0 !important;
  }
  #block-palmerhiggs-nonloggedinbanner + .row .col-lg-3.col-md-12,
  #block-palmerhiggs-homepagebanner:has(span.desktop-adv) + div + #block-homesidebartabs {
    margin-top: 0 !important;
  }
  #block-palmerhiggs-articlebanner:has(span.desktop-adv) + .row .col-lg-3.col-md-12,
  #block-palmerhiggs-homeadvertisement:has(span.desktop-adv) + div + #block-homesidebartabs,
  [id^="block-palmerhiggs-homeadvertisement-"]:has(span.desktop-adv) + div + #block-homesidebartabs,
  .advertise_block:has(span.desktop-adv) + .row .col-lg-3.col-md-12 {
    margin-top: 0;
  }
  #block-palmerhiggs-articlebanner img,
  #block-palmerhiggs-nonloggedinbanner img {
    height: 100%;
    min-height: 90px;
    /* object-fit: cover; */
 }
 .interview-pannel .content{
  padding-left: 30px;
  padding-right: 25px;
  z-index: 10;
 }
 ul.nav > li.nav-item.has-sub-menu{
  margin: 0 0 15px;
 }
 .home-page .mobile-search .views-exposed-form,
 .mobile-search .views-exposed-form {
  padding: 0;
  background-image: none;
}
.menu-toggle-btn.menu-btn span.icon-menu-icon {
  font-size: 21px;
}
.download-wrap .item .list-group-icons{
  width:100%;
  max-width: 50px;
 
    margin-top: 0;
}
.download-wrap .item{
  gap:10px;
}
}

@media screen and (max-width:768px) {
  .ftr-contact-wrap .ftr-contact-info .views-element-container:last-child {
    margin: 25px 0
  }

  .hide-in-desktop {
    display: none
  }
  .download-wrap .item .list-group-icons{
    margin-right: 10px;
  }
}

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

  .h1,
  h1 {
    font-size: var(--font-30)
  }

  .h4,
  h4 {
    font-size: var(--font-20)
  }

  .video-card .card-info a,
  .video-card .card-info h3,
  p {
    font-size: var(--font-14)
  }

  .find-video-wrap h2,
  .main-title,
  .md-title-text {
    font-size: var(--font-22)
  }

  .main-logo {
    width: 76px
  }

  

  .event-rider-wrapper .js-form-type-select,
  .event-rider-wrapper .js-form-type-textfield,
  .ftr-contact-wrap .ftr-contact-info #block-australia,
  .ftr-contact-wrap .ftr-contact-info #block-unitedstates {
    max-width: 50%
  }

  .ftr-contact-wrap .ftr-contact-info .call--info {
    display: flex;
    max-width: initial;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start
  }

  .ftr-contact-wrap .ftr-contact-info .call--info a,
  .ftr-contact-wrap .ftr-contact-info .call--info h4 {
    margin: 0 10px 5px
  }

  .breadcrumb-item .link,
  .breadcrumb-item.active,
  .latest-item-card .info h5 {
    font-size: var(--font-12)
  }

  .sm-ads-wrap {
    width: 270px;
    margin: 0 auto 24px
  }

  .hm-feed-card .imgbox {
    height: 135px
  }

  .link-btn {
    width: 30px;
    height: 30px;
    right: 15px;
    bottom: 22px
  }

  .title-text {
    font-size: var(--font-16)
  }

  .gallery-slider-item,
  .xc-video-card {
    height: 250px
  }

  .find-video-wrap .search-input-group {
    max-width: 370px
  }

  .sec-latest-update .video-wrap .video-list-wrap {
    width: 100%;
    margin-bottom: 0;
    margin-left: 0
  }

  .sec-latest-update .video-wrap .video-item-wrap,
  .sec-latest-update .video-wrap .attachment {
    width: 100%;
    margin-bottom: 30px
  }

  .sec-latest-update .video-wrap .video-item-wrap .video-card {
    height: 330px
  }

  .sec-latest-update .video-wrap .video-list-wrap .sm-video-card {
    max-height: 220px;
    margin-bottom: 30px
  }

  .latest-item-card.md-latest-item-card .thumb-img {
    width: 100%;
    height: 180px
  }

  .latest-item-card.md-latest-item-card .info {
    width: 100%;
    margin-top: 10px
  }

  .sec-event-list .main-title {
    margin-bottom: 20px
  }

  .event-card .event-info h3 {
    font-size: var(--font-18)
  }

  .badge,
  .pagination .page-btn .page-link,
  .pagination-wrap .bootstrap-select>.dropdown-toggle {
    font-size: var(--font-11)
  }

  .pagination li {
    margin: 0 2px
  }

  .pagination .next-btn span {
    margin-left: 8px
  }

  .pagination .prev-btn span {
    margin-right: 8px
  }

  .event-card {
    margin-bottom: 10px
  }

  .search-item-card {
    padding: 8px
  }

  .buyvid-btnwrap,
  .gallery-card .info,
  .md-gallery-wrapper,
  .mfp-gallery.child-wrapper .image-wrapper,
  .path-video-calendar.title-wrap .views-exposed-form,
  .rider-list-wrap .responsive-table-info td:first-child,
  .rider-list-wrap .responsive-table-info th:first-child,
  .search-item-card .info-wrap {
    width: 100%
  }

  .search-item-card .name-info {
    min-width: initial;
    max-width: initial;
    width: 50%
  }

  .search-item-card .btn {
    font-size: var(--font-13);
    padding: 5px 8px;
    max-width: 85px
  }

  .badge {
    padding: 4px 7px
  }

  .main-tabs-wrap .nav-tabs .nav-item {
    padding: 5px 15px;
    font-size: var(--font-13)
  }

  .main-tabs-wrap .nav-tabs .nav-item.show .nav-link,
  .main-tabs-wrap .nav-tabs .nav-link.active,
  .main-tabs-wrap .nav-tabs .nav-link:hover {
    background-color: var(--secondary);
    color: var(--white)
  }

  .responsive-table-info {
    border: 0;
    margin-bottom: 10px
  }

  .responsive-table-info caption {
    font-size: 1.3em
  }

  .responsive-table-info thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
  }

  .responsive-table-info tr {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: block;
    margin-bottom: .625em;
    padding: 0
  }

  .responsive-table-info td {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    text-align: left;
    padding: 10px 12px;
    color: var(--primary)
  }

  .responsive-table-info td::before {
    content: attr(data-label);
    float: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: var(--font-11);
    margin-right: 5px;
    color: rgba(0, 42, 73, .5)
  }

  .responsive-table-info td:last-child {
    border-bottom: 0
  }

  .responsive-table-info td:first-child,
  .responsive-table-info th:first-child {
    border-radius: 0;
    width: 100%
  }

  .sec-event-calendar .title-wrap .form-group {
    margin: 0 5px 15px;
    width: calc(50% - 10px)
  }

  .pagination-wrap {
    justify-content: center
  }

  .pagination-wrap .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto
  }

  .bootstrap-select>.dropdown-toggle:after {
    font-size: 5px
  }

  .pagination .page-btn .page-link span {
    font-size: 9px
  }

  .calendar-video-card {
    height: 220px
  }

  .views-row:last-child .calendar-video-card {
    margin-bottom: 0
  }

  .buy-video-search {
    justify-content: center;
    text-align: center
  }

  .buy-video-search h4 {
    margin: 0 0 20px
  }

  .rider-list-wrap .responsive-table-info td .btn-light {
    padding: 5px 8px;
    height: 35px;
    min-width: 82px;
    font-size: var(--font-12)
  }

  .rider-list-wrap .responsive-table-info td .btn-light.watch-btn {
    color: var(--white) !important;
    border-color: var(--warning) !important;
    background-color: var(--warning) !important
  }

  .rider-list-wrap .responsive-table-info td .btn-light.buy-btn {
    color: var(--white) !important;
    border-color: var(--success) !important;
    background-color: var(--success) !important
  }

  .photo-gallery-wrap {
    flex-wrap: wrap
  }

  .gallery-card .video-card,
  .md-gallery-wrapper {
    max-width: 100%
  }

  .blog-card,
  .blog-card .infobox,
  .gallery-wrapper .gallery-item {
    height: auto
  }

  .sm-gallery-wrapper .gallery-item,
  .xs-gallery-wrapper .gallery-item {
    height: 200px
  }

  .form-blockwrap {
    margin: 0 -8px
  }

  .form-blockwrap>* {
    padding: 0 8px
  }

  .selectbox-wrap {
    width: 60%
  }

  .riderno-wrap {
    width: 40%
  }

  .buyvideofrom-event,
  .buyvideofrom-prevevent {
    padding: 30px 15px
  }

  .buyvid-wrapper {
    padding-bottom: 50px
  }

  .feature-contentwrap {
    padding: 80px 20px 40px
  }

  .sm-gallery-wrapper,
  .xs-gallery-wrapper {
    max-width: 50%;
    width: 50%
  }

  .video-card .video-imgbox {
    max-width: 100%;
    height: 300px
  }

  .info-wrap .name-info {
    max-width: initial
  }

  .lifestyle-pannel .left-block {
    padding-left: 25px;
    padding-right: 90px
  }

  .triangle-left-shape {
    border-right: 95px solid var(--primary)
  }

  .interview-pannel .content h3,
  .lifestyle-pannel .content h3 {
    font-size: 1.45rem
  }

  .interview-pannel .content h5,
  .lifestyle-pannel .content h5 {
    font-size: 1.1rem
  }

  .interview-pannel .content p,
  .lifestyle-pannel .content p {
    font-size: var(--font-14);
    margin-bottom: 0
  }

  #block-5starmember,
  #block-faqs,
  #block-signupandenews,
  #block-xcountryvideocalender {
    width: 50%
  }

  .latest-photo-slider .views_slideshow_cycle_main {
    max-height: 193px
  }

  .field--type-text-with-summary h2 img,
  .field--type-text-with-summary p img {
    float: inherit !important;
    width: 100% !important;
    object-fit: cover;
    height: 100% !important;
    margin: 10px 0 !important
  }

  .field--type-text-with-summary table {
    width: 100% !important;
    margin-bottom: 8px
  }

  .mfp-ajax-holder .mfp-content,
  .mfp-inline-holder .mfp-content {
    height: initial
  }

  .mfp-gallery .child-wrapper .content-wrapper {
    width: 100%;
    margin-left: 0;
    height: 100%;
    max-width: 100%
  }

  .mfp-gallery .child-wrapper .image-wrapper {
    width: 100%;
    height: 100%
  }

  .open-menu>.has-sub-menu {
    padding-left: 25px
  }

  .sub-menu.open-menu .nav-item.has-sub-menu:after {
    transform: rotate(-90deg)
  }

  .hm-features #block-palmerhiggs-content .membership-benefits p a img {
    width: 140px !important;
    height: 126px !important;
    margin: 0 10px 0 0 !important
  }

  .checkbox-rider-wrapper {
    width: 100%;
    padding-left: 0
  }

  .checkbox-rider-wrapper .form-item input {
    width: 16px;
    min-height: 16px
  }

  
  .buy-button-rider-wrapper.btn.btn-success {
    margin-top: 28px;
  }

  .previous-events h2 {
    margin-bottom: 28px;
  }

  .event-info iframe,
  .hm-features #block-palmerhiggs-content .node__content p iframe {
    width: 100%;
    background-color: #000
  }

  .triangle-right-shape {
    border-left: 95px solid var(--primary)
  }

  .sec-event-calendar .title-wrap .md-title-text {
    max-width: 100%;
    width: 100%
  }

  .a2a_button_facebook_like iframe {
    background-color: transparent
  }

  .event-info table,
  .node.node--type-page.node--view-mode-full.event-info table {
    width: 100% !important
  }

  .latest-item-card .thumb-img {
    height: 100%;
    margin-right: 0
  }

  .latest-item-card .thumb-img .full-video {
    position: relative;
    padding-bottom: 57%;
    margin-bottom: 0
  }

  .hm-latest-update-wrap .tab-content>.tab-pane .row .col-xl-12.col-lg-12.col-md-4.col-sm-6 {
    padding-left: 15px;
    padding-right: 15px
  }

  
}

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

  .section,
  section {
    padding: 20px 0
  }
  section:first-of-type {
    padding: 0;
}
.download-box.admin-view {
  bottom: 117px;
}
  footer {
    padding-top: 30px
  }

  .blog-card,
  .event-rider-wrapper .js-form-type-select,
  .event-rider-wrapper .js-form-type-textfield,
  .ftr-contact-wrap .ftr-contact-info #block-australia,
  .ftr-contact-wrap .ftr-contact-info #block-unitedstates,
  .ftr-contact-wrap .ftr-contact-info address {
    max-width: 100%
  }

  .ftr-contact-wrap .ftr-contact-info .call--info a,
  .ftr-contact-wrap .ftr-contact-info .call--info h4 {
    font-size: var(--font-15)
  }

  .ftr-bottom {
    justify-content: center;
    flex-direction: column
  }

  .ftr-bottom .social-nav {
    margin: 15px 0 0
  }

  .ftr-contact-wrap .ftr-contact-info h4,
  .ftr-nav-wrap .navbox h4 {
    font-size: var(--font-16);
    margin-bottom: 12px
  }

  .ftr-bottom .social-nav li:last-child {
    margin: 0 10px
  }

  .event-card .event-info h3,
  .ftr-contact-wrap .ftr-contact-info address h4 {
    font-size: var(--font-16)
  }

  .gallery-wrapper .gallery-item {
    height: auto
  }
  .sec-latest-update .video-wrap .video-item-wrap .video-card{
    height: 330px;
  }

  .event-info h3,
  .find-video-wrap h2 {
    font-size: var(--font-18)
  }

  .latest-item-card.md-latest-item-card .info h4 {
    font-size: var(--font-13)
  }

  .event-card .video-card {
    margin-bottom: 15px
  }

  .search-item-card .imgbox {
    width: 150px
  }

  .sec-search-result .main-search-wrap .form-control {
    font-size: var(--font-12)
  }

  .md-gallery-wrapper,
  .sm-gallery-wrapper,
  .xs-gallery-wrapper {
    width: 100%;
    max-width: 100%
  }

  .btn-filter {
    padding: 8px 15px;
    min-width: auto
  }

  .filter-group-wrap {
    margin-bottom: 30px
  }

  .interview-pannel,
  .lifestyle-pannel {
    height: 100%
  }

  .interview-pannel .left-block,
  .lifestyle-pannel .right-block {
    width: 100%;
    border-radius: 10px 10px 0 0
  }

  .interview-pannel .right-block,
  .lifestyle-pannel .left-block {
    padding: 25px;
    width: 100%
  }

  .interview-pannel .left-block picture,
  .lifestyle-pannel .right-block a {
    width: 100%;
    height: 100%;
    object-fit: cover
  }

  .lifestyle-pannel .right-block a picture {
    width: 100%;
    height: 100%
  }

  .interview-pannel .content,
  .lifestyle-pannel .content {
    padding: 0
  }

  .pagination li.page-item:not(.page-item--next, .page-item--previous, .mobile-show, .is-active, .page-item--ellipsis),
  .triangle-left-shape,
  .triangle-right-shape {
    display: none
  }

  .lifestyle-pannel .left-block {
    order: 2
  }

  .ftr-contact-wrap .ftr-contact-info .views-element-container {
    margin-bottom: 25px
  }

  .ftr-contact-wrap .ftr-contact-info {
    width: 100%;
    display: block
  }

  .home-page .views-exposed-form {
    padding: 25px
  }
  #featureContentModal .close.icon-close-icon {
    top: 10px;
    right: 20px;
    }
  #edit-search-api-fulltext,
  #edit-search-api-fulltext1,
  .find-cross-country .form-item,
  .path-xc-video .views-exposed-form form,
  .sec-event-calendar .title-wrap .form-group,
  .view-event-rides .views-exposed-form,
  .view-event-rides .views-exposed-form .form-item,
  .xcross-country-search .views-exposed-form select {
    width: 100%
  }

  .cross-country-buy-video-search-form form,
  .event-rider-wrapper {
    display: block
  }

  .event-rider-wrapper .js-form-item,
  .xcross-country-search .views-exposed-form .form-item.js-form-type-textfield {
    width: 100%;
    margin-bottom: 10px
  }

  .buy-button-rider-wrapper {
    width: 100%;
    margin: 0 auto
  }

  .bloggers tr td {
    float: left;
    margin: 0 auto;
    text-align: center
  }

  .hm-features #block-palmerhiggs-content .node__content p img,
  .sec-articles .node__content p img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important
  }

  .hm-features #block-palmerhiggs-content .node__content p img.small-img {
    width: 140px !important;
    height: 126px !important;
    margin: 0 10px 10px 0 !important
  }

  .hm-features #block-palmerhiggs-content .node__content p {
    margin-bottom: 8px
  }

  .event-info {
    margin-top: 16px
  }

  .field--name-field-video-text p {
    margin-bottom: 16px
  }

  #views_slideshow_cycle_teaser_section_media_galleries-latest_gallery {
    width: 100% !important
  }

  .video-list.view.view-video-gallery .views-row {
    margin-bottom: 20px
  }

  .feature-contentwrap {
    padding: 40px 20px
  }

  .modal-content .contentblock-wrap {
    padding: 20px
  }

  .latest-item-card .thumb-img {
    margin-right: 0
  }

  .latest-photo-slider .views_slideshow_cycle_main {
    max-height: 303px
  }

  /* .home-page .xc-video-card {
    height: 360px
  } */

  .xcross-country-search .views-exposed-form {
    padding-top: 60px
  }

  .js-form-item.form-item.js-form-type-select.form-item-field-status.js-form-item-field-status.form-no-label {
    width: 47%;
    margin-right: 15px;
    margin-bottom: 10px
  }

  .xcross-country-search .views-exposed-form .form-item {
    margin: 0
  }

  .xcross-country-search .views-exposed-form input[type=submit] {
    width: 100%;
    background-color: var(--orange);
    color: var(--white)
  }

  .xcross-country-search .views-exposed-form .form-actions.js-form-wrapper.form-wrapper {
    width: 49%
  }

  .xcross-country-search .views-exposed-form a.btn.new-search-btn {
    margin: 0 auto
  }

  .hm-latest-update-wrap .tab-content>.tab-pane {
    height: 600px
  }

  .image-style-large {
    width: 100%;
    object-fit: cover
  }

  .hm-features #block-palmerhiggs-content .membership-benefits p a img {
    width: 126px !important;
    height: 126px !important;
    margin: 0 10px 10px 0 !important
  }

  .video-list iframe {
    margin-bottom: 10px
  }

  .sec-articles .node__content p img[alt~=ael-microphone] {
    width: 60px !important;
    height: 60px !important;
    margin-left: 0 !important;
    margin-right: 10px !important
  }

  .event-info iframe {
    min-width: 100% !important
  }
}

@media screen and (max-width:480px) {
  p {
    font-size: var(--font-13)
  }

  .md-title-text {
    font-size: var(--font-18)
  }

  .blog-card {
    max-width: initial
  }

  .search-item-card .name-info {
    width: auto
  }

  .search-item-card .name-info .name h4 {
    font-size: var(--font-14)
  }

  .header-top .login-nav li .log-in,
  .header-top .login-nav li .log-out,
  .header-top .login-nav li .my-account,
  .header-top .login-nav li .register {
    background-repeat: no-repeat;
    font-size: 0;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(196deg) brightness(101%) contrast(103%)
  }

  .main-search-wrap .result-text-info {
    font-size: var(--font-10)
  }

  .calendar-video-card {
    height: 200px
  }

  #block-5starmember,
  #block-faqs,
  #block-signupandenews,
  #block-xcountryvideocalender,
  .audio-modal .modal-dialog .modal-content .modal-body audio,
  .bloggers tr td,
  .buy-video-search .form-control,
  .ftr-nav-wrap .navbox,
  .riderno-wrap,
  .selectbox-wrap {
    width: 100%
  }

  .buy-video-search .buy-input-wrap {
    flex-wrap: wrap;
    justify-content: center
  }

  .buy-video-search .buy-input-wrap .form-control {
    margin-bottom: 10px
  }

  .buy-video-search h4 {
    margin: 0 0 20px
  }

  .article-share-wrap {
    justify-content: center
  }

  .article-share-wrap .like-share-wrap {
    margin-right: 0;
    justify-content: center;
    width: 100%
  }

  .video-card .video-imgbox {
    height: 250px
  }

  .filter-group-wrap::after {
    width: 360px
  }

  .cross-country-buy-video-search-form h2,
  .views-exposed-form h2 {
    font-size: 22px
  }

  .header-top .login-nav li {
    margin: 0 7px;
    display: flex;
    align-items: center
  }

  .header-top .login-nav li:last-child {
    margin-right: 0
  }

  .search-article-basic-page-searching #edit-search-api-fulltext {
    margin: 0
  }

  .search-article-basic-page-searching #edit-search-api-fulltext:focus {
    width: 175px;
    text-indent: 0;
    filter: inherit
  }

  .search-article-basic-page-searching #edit-search-api-fulltext--2:focus {
    width: 175px
  }

  .header-top .login-nav li a {
    padding: 11px 14px;
    background-position: center
  }

  .header-top .login-nav li .log-in {
    background-image: url(../img/icons/login.svg)
  }

  .header-top .login-nav li .register {
    background-image: url(../img/icons/user.svg)
  }

  .header-top .login-nav li .my-account {
    background-image: url(../img/icons/user-add.svg)
  }

  .header-top .login-nav li .log-out {
    background-image: url(../img/icons/logout.svg)
  }

  .xcross-country-search .views-exposed-form .form-actions.js-form-wrapper.form-wrapper {
    width: 48%;
    margin-bottom: 10px
  }

  .mfp-gallery .child-wrapper {
    display: block;
    height: 100%
  }
  .buy_now_wrapper .js-form-item-private{
    width:190px;
  }
}

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

  .ftr-nav-wrap .navbox,
  .sm-ads-wrap,
  .sm-gallery-wrapper,
  .xs-gallery-wrapper {
    width: 100%
  }

  .video-card .video-imgbox {
    height: 220px
  }
}

@media screen and (max-width:320px) {
  .xcross-country-search .views-exposed-form .form-actions.js-form-wrapper.form-wrapper {
    width: 47%
  }
  
}

@media screen and (min-width:576px) {
  .container {
    max-width: 100%
  }

}

@media screen and (min-width:767px) {
  .container {
    max-width: 100%
  }
}

@media screen and (min-width:1199.75px) {
  .container {
    max-width: 1200px
  }
}
@media(min-width:992px){
  #block-palmerhiggs-homeadvertisement, [id^="block-palmerhiggs-homeadvertisement-"],.advertise_block{
    max-width: 75%;
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

@media screen and (max-width:575px) {
  @media (min-height:375px) and (max-height:575px) {
    .mfp-gallery .child-wrapper .image-wrapper img {
      width: 100%;
      height: 320px;
      object-fit: cover;
      object-position: top
    }
  }
}