@media only screen and (max-width: 1600px) {
    html {
      font-size: 52.5%; } 
}
@media only screen and (max-width: 1300px) {
    html {
        font-size: 52.5%; } 
}
@media only screen and (max-width: 1260px) {
    html {
      font-size: 50.5%; } 
}
@media only screen and (max-width: 1199px) {
    html {
      font-size: 45.5%; } 
}
@media only screen and (max-width: 1024px) {
    html {
      font-size: 41.5%; } 
}
  /* @media (max-height: 499px) and (max-width: 899px), (max-width: 767px) {
    html {
      font-size: 62.5%; } } */

@media only screen and (max-width: 979px) {
    html {
      font-size: 62.5%; } 
}
@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1499px) {
  .thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item{
    width: 33.33%;
  }
  #primary-menu.no-responsive > li > ul {
    top: 96%;
    
  }
}

@media only screen and (max-width: 1399px) {
  .footer {
    padding: 4.6rem 0;
  }
}

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

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

@media only screen and (max-width: 992px) {
  .thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item{
    width: 50%;
  }
}

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

  /*************************** menu *******************************/
 /*  img[data-tgpli-image-inited] {
    display: block !important;
    visibility: visible !important;
  }
  .menu__item .sub-menu{
    display: none;
  }
  .main__nav_burger .menu__item {
    margin: 0;
  }
  .main__nav_burger__header {
    border-bottom: none;
    background-color: #fff;
  }
  .main__nav_burger__header .logo__menu img{
    filter: invert(1);
  }
  .main__nav_burger__header .menu__close img{
    filter: invert(1);

  }
  .main__nav_burger__header .menu__close{
    margin-right: 2.65rem;
  }
  .main__nav_burger__header .menu__close img{
    width: 1.5rem;
    height: 1.5rem;
  }
  #primary-navigation .menu-toggle{
    margin-right: 1rem;
  }
  .main__nav_burger .menu__box__inner__box {
    padding: 3.2rem 1.6rem 3.2rem;
  } */
  .mobile-menu-layout-default .primary-navigation.responsive ul.sub-menu li a {
    padding: 16px 0!important;
    padding-right: 16px !important;
  }
  #primary-navigation.responsive #primary-menu > li > ul > li > a {
    background: #000 !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul.sub-menu  {
    padding: 0px !important;
    /* width: calc(100% + 3.2rem); */
    margin: 0 -1.6rem;
    position: static;
  }
  /*   .mobile-menu-layout-default #primary-navigation.responsive  ul.sub-menu {
      transform: translatex(100%);
      -webkit-transition: all 1.5s ease 0s;
        -o-transition: all 1.5s ease 0s;
        transition: all 1.5s ease 0s;
  } */
  /* .mobile-menu-layout-default .primary-navigation.responsive li .dl-submenu {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1.5s ease 0s;
        -o-transition: all 1.5s ease 0s;
        transition: all 1.5s ease 0s;
  } */

  /*   .mobile-menu-layout-default #primary-navigation.responsive .dl-subviewopen ul.sub-menu {
      transform: translatex(0%);
  } */

  #site-header {
    height: 8rem;
  }
  #site-header .header__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #site-header .header__content__left {
    align-items: stretch;
  }
  #site-header .header__content__left .mob__logo {
    display: block !important;
    min-width: 13.5rem;
    max-width: 13.5rem;
    margin-left: 0;
  }
  #site-header .header-main__right {
    margin-right: 0;
  }
  #site-header #primary-menu {
    animation-duration: 0s !important;
    transform: translate(100%, 0);
    opacity: 1;
    transform-style: initial;
    backface-visibility: initial;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  #site-header #primary-menu.dl-menuopen {
    transform: translate(0, 0);
  }
  #site-header #primary-menu .sub-menu {
    animation: none !important;
    display: block;
    transform: translate(100%, 0);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  #site-header #primary-menu .dl-subviewopen .dl-subview {
    transform: translate(0, 0);
  }
  #site-header #primary-menu.dl-subview > li {
    display: block !important;
  }
  #site-header #primary-menu.dl-subview > li.dl-close {
    display: flex !important;
  }
  #site-header #primary-menu > li.dl-close .menu-close {
    margin-top: 0 !important;
  }
  #site-header #primary-menu .dl-subviewopen > a,
  #site-header #primary-menu .dl-subviewopen > span {
    display: block !important;
  }

  .main__header  .menu-item-mobile{
    display: block !important;
  }
  .main__header  .dl-title{
    display: block !important;
    clear: both;
    padding: 0 3.2rem;
  }
  .main__header  .dl-title h4{
    color: #fff !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    padding: 8px 0 12px;
  }

  #primary-navigation.responsive ul.dl-submenu.level3 > li > a{
    background: transparent !important;
  }
  #primary-navigation.responsive #primary-menu > li > ul > li > a {
    background: #000 !important;
  }
  #primary-navigation.responsive #primary-menu > li > ul > li.dl-back > a {
    background: #fff !important;
    color: #000 !important;
    padding-left: 3.2rem !important;
    width: 100%;
    text-align: start;
    display: flex;
    padding-right: 0 !important;
    align-items: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 34px;
  }
  .menu-item-search{
    margin-right: 17px;
  }
  /*#site-header .header-main {
    display: flex !important;
    height: 8rem !important;
    margin: 0 -2.4rem !important;
    width: calc(100% + 4.8rem) !important;
     background: #000 !important; 
  }*/
  .mobile-menu-layout-default #primary-navigation.responsive ul.sub-menu li a{
    color: #fff !important;
  }
  #primary-navigation.responsive #primary-menu > li > a{
    background: #000;
    border-bottom: 1px solid #898B8E !important;
    color: #fff !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600 !important;
    /*font-size: 18px !important;*/
    font-size: 1.8rem !important;
    /*line-height: 18px !important;*/
    line-height: 1.75em !important;
    /*text-transform: uppercase ;*/
  }

  #primary-navigation.responsive #primary-menu>li.menu-item-current>a, 
  #primary-navigation.responsive #primary-menu>li.menu-item-active>a, 
  #primary-navigation.responsive #primary-menu>li.opened>a, 
  #primary-navigation.responsive ul.dl-submenu.level1>li.menu-item-current>a, 
  #primary-navigation.responsive ul.dl-submenu.level1>li.menu-item-active>a {
    background-color: #213869;
  }
  
  .mobile-menu-layout-default .primary-navigation.responsive li.menu__socials__item a {
    padding: 10px !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #fff !important;
    color: #fff !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .menu__contact__socials {

  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item{
    padding: 0 1.6rem;
    background: #000 !important;
    border: none !important;
    border-color: #fff;
    clear: both;
    /* margin: 0.8rem !important; */
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item.btn_blue {
    border: none !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item.menu-item-search {
   display: none !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item.menu-item-mobile a{
    border: none !important;
  }
  #primary-navigation.responsive #primary-menu > li.menu-item.menu-item-mobile > a {
    border-bottom: none !important;
    padding-left: 0 !important;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 34px !important;
    padding: 0 !important;
    text-transform: none !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul.menu__socials__list {
    min-height: auto !important;
    padding: 0 2.4rem 7rem !important;
    width: calc(100% + 3.2rem) !important;
    margin: -1.6rem !important;
    /* height: calc(100% - 80px) !important; */
  }
  .mobile-menu-layout-default .primary-navigation.responsive li.menu-item-parent > a:after{
    background: none !important;
      width: 22px;
      height: 20px;
      right: 14px;
      top: 50%;
      margin-top: 0;
      font-size: 21px;
      line-height: 18px;
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item-current > a, .mobile-menu-layout-default .primary-navigation.responsive ul > li.menu-item.menu-item-active a {
    border-left: none !important;
  }
  /* .mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview{
    top: 0;
  } */

  .mobile-menu-layout-default #primary-navigation.responsive ul.dl-subview .menu-item-mobile {
    display: none !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive .menu__contact__socials {
    margin-top: 30px !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul.menu__socials__list li{
    margin: 0.8rem !important;
    /* height: calc(100% - 80px) !important; */
  }
  #primary-navigation.responsive #primary-menu > li.menu-item.btn_blue > a {
      border-bottom: none !important;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.btn_blue.menu-item {
    /*padding: 2rem 0;*/
    padding: 4rem 0 2rem;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item.btn_blue a{
    background: #2F89F7 !important;
    border-radius: 2px;
    border: none !important;
    padding: 20px 0;
    height: 60px !important;
    color: #fff !important;
    margin: 32px 0 24px !important;
  }

  #page:not(.vertical-header) #site-header.animated-header.ios-load {
    height: 8rem !important;
  }

  .mobile-menu-layout-default .primary-navigation.responsive li a {
    padding: 16px !important;
    padding-right: 40px !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive li.menu-item.btn_blue a {
    padding: 16px !important;
      padding-right: 16px !important;
  }
  #primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons .menu-toggle .menu-line-1, #perspective-menu-buttons .menu-toggle .menu-line-2, #perspective-menu-buttons .menu-toggle .menu-line-3{
    height: 2px;
    width: 25px;
    left: 6px;
  }
  #primary-navigation .menu-toggle .menu-line-1{
    top: 6px;
  }
  #primary-navigation .menu-toggle .menu-line-2{
    top: 14px;
  }
  #primary-navigation .menu-toggle .menu-line-3{
    top: 22px;
    width: 12px;
    left: 19px;
  }
  #page #site-header .primary-navigation{
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .sub-menu {}
  .mobile-menu-layout-default #primary-navigation.responsive ul.sub-menu li.menu-item {
    padding: 0 3.2rem!important;
    /* margin: 0.8rem !important; */
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul li.menu-item, .mobile-menu-layout-default .primary-navigation.responsive ul li.dl-back {
    background: #000 !important;
  
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul li.dl-back {
    background: #fff !important;
    display: flex !important;
    float: left !important;
    width: calc(50% + 1px) !important;
    margin-right: -1px !important;
    height: 80px !important;
    margin-bottom: 32px !important;
    border: 0 !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul li.dl-back a{
    background: #fff !important;
    color: #000;
  }
  .header-main .nav-menu {
    background: #000 !important;
  }
  #primary-navigation.responsive #primary-menu > li > ul > li > a{
    background: #000 !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul{
    background: #000 !important;
    min-height: 100vh !important;
   /*  height: calc(100% - 80px) !important; */
  }
  /*.mob__logo{
    display: block !important;
  }*/
  .dec__logo{
    display: none !important;
  }
  .hamburger{
    display: none !important;
  }
  .main__nav_burger__desktop{
    display: none;
  }
  .main__nav_burger__mob{
    display: none;
  }
  /**********************************************************/

  /**********************************************************/
  /**********************************************************/
  
  .footer .widget_nav_menu ul ul {
    margin-bottom: 4rem;
  }
  .footer .footer__menu__col {
    margin: 0;
  }
  .footer .footer__menu__col:first-child {
    /*order: 3;*/
  }
  .footer .widget_nav_menu {
    margin-bottom: 0;
    width: 45%;
    float: left;
    margin-right: 5%;
  }
  .footer {
    padding: 4.8rem 0 0;
  }
  .footer .footer__wrapper {
    flex-direction: column-reverse;
  }
  .footer .footer__menu__row {
    margin: 0;
    flex-direction: column;
  }
  .footer .footer__menu__row:nth-child(3) {
    width:50%;
  }
  .footer .footer__left {
    width: 100%;
    /*order: 3;*/
    display: flex;
    flex-direction: column;
  }
  .footer .footer__left__top{
    /*order: 2;*/
  }
  .footer .footer__left__bottom{
    /*order: 3;*/
  }
  .footer .footer__center {
    width: 100%;
    /*order: 1;*/
  }
  .footer .footer__right {
    width: 100%;
    /*order: 2;*/
    margin-bottom: 4rem;
  }
  .footer .footer__logo {
    display: none;
  }
  .footer .footer__left__top p {
    padding-bottom: 0;
    margin-bottom: 2.4rem;
  }
  .footer{
    position: relative;
  }
  .footer .footer__left__center {
    padding: 0;
    border-top: none;
    border-bottom: none;
    margin-bottom: 4rem;
  }
  .footer .widget_nav_menu li a {
    line-height: 1.5em;
    margin-bottom: 2rem;
  }

  .footer .menu__contact__socials {
    padding-bottom:3rem;
  }
  .footer .footer__bottom {
    flex-wrap: wrap;
  }
  .footer .footer__bottom__left {
   order:2;
  margin-top:2rem;
  width:100%
  }
  .footer .footer__bottom__right {
    order:0;
    line-height:3
  }

  /**********************************************************/
  .menu-item-search > a:before {
    content: "\e612";
    display: block;
    font-family: "thegem-icons";
    font-style: normal;
    font-size: 24px;
    font-weight: normal;
    margin-right: 5px;
    text-align: center;
    vertical-align: top;
    width: 100%;
    color: #000;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul {
    padding: 0px 0 60px 0 !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu {
    top: 0;
  }
  .mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after{
    position: absolute;
    width: 45px;
    height: 45px;
    top: 50%;
    margin-top: -23px;
    font-weight: normal;
    margin-left: -3px;
    font-family: 'thegem-icons';
    font-style: normal;
    font-size: 45px;
    line-height: 45px;
    color: #000 !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-logo {
    background: #fff;
    float: left;
    margin-right: -1px;
    height: 80px;
    display: block;
    width: calc(50% + 1px) !important;
    margin-bottom: 1rem !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-logo a{
    background: #fff !important;
    height: 100% !important;
    display: flex;
    align-items: center;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  #primary-navigation.responsive #primary-menu .dl-logo a {
    border-bottom:none !important;
  }
  #primary-navigation.responsive #primary-menu .dl-title h4 {
    /*border-bottom: 2px solid var(--blue);
    padding-bottom:.25em;
    margin-bottom: 0.75em;*/
  }
  #primary-navigation.responsive #primary-menu .menu-item a {
    font-size:1.8rem
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-close{
    background: #fff;
    display: flex;
    float: right;
    width: 50% !important;
    height: 80px !important;
    margin-bottom: 1rem !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-close{
    background: #fff;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    float: right;
    width: 50% !important;
    height: 80px !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .sub-menu .dl-close{
    display: flex !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-close .menu-close{
    position: relative;
    width: 40px !important;
    height: 40px !important;
    margin-right: 15px !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-close .menu-close::after{
    display: inline-block;
    position: absolute;
    content: '';
    left: 30%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: #000;
    transform: rotate(-45deg);
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-close .menu-close::before{
    display: inline-block;
    position: absolute;
    content: '';
    left: 30%;
    top: 50%;
    width: 20px;
    height: 2px;
    background: #000;
    transform: rotate(45deg);
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul li.menu-item:first-child {
    clear: both !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }

  /****************************************************************/

  .mobile-menu-layout-default #primary-navigation.responsive ul.sub-menu {
    padding: 0px !important;
    width: 100%;
    /* width: calc(100% + 3.2rem); */
    margin: 0 -1.6rem;
    position: absolute !important;
    top: 0;
    z-index: 5;
    min-height: 100% !important;
  }
  .mobile-menu-layout-default .primary-navigation.responsive ul.sub-menu li.menu-item-parent > a::after {
    right: 0;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu {
    position: fixed;
  }

  .mobile-menu-layout-default .primary-navigation.responsive li {
    position: static !important;
  }

  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu li > .dl-submenu{
    /*opacity: 0;
    visibility: hidden;*/
  /*   -webkit-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s; */
    /*display: block !important;
    transform: translateX(100%);*/
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu{
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .mobile-menu-layout-default .primary-navigation.responsive li.dl-back:after {
    top: 40px;
  }
  .mobile-menu-layout-default .primary-navigation.responsive .dl-menu .dl-submenu .dl-close .menu-close {
    margin-top: 0px !important;
    margin-right: 27px !important;
  }
  .mobile-menu-layout-default #primary-navigation.responsive ul.sub-menu ul.sub-menu {
    margin: 0 -3.2rem;
  }
}

@media only screen and (max-width: 767px) {
  .thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item{
    width: 50%;
  }
}

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

@media only screen and (max-width: 599px) {
  .thegem-fullscreen-search.ajax-search .result-sections .search-results-post .portfolio-set .portfolio-item{
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {}