/*-------------------------------

	Response For Lower Than 1170

------------------------------*/

@media all and (max-width: 1170px) {
   .met_page_wrapper.met_boxed_layout {
      width: auto;
   }

   .met_content {
      width: 90%;

      margin-left: 5%;

      margin-right: 5%;
   }

   .met_content .row-fluid [class*='span'] {
      margin-bottom: 40px;
   }

   .met_content .row-fluid [class*='span']:last-child {
      margin-bottom: 0;
   }

   .met_thumbnail_slider_1_small {
      position: relative;

      bottom: 0;

      left: 0;

      height: auto;
   }

   .met_thumbnail_slider_1_small img:first-child {
      margin-left: 0;
   }

   .met_thumbnail_slider_1_small img,
   .met_thumbnail_slider_1_next {
      width: 50px;

      height: 50px;

      padding: 3px;

      margin: 5px 0 0 5px;
   }

   .met_thumbnail_slider_1_next {
      font-size: 70px;

      line-height: 38px;
   }

   .met_thumbnail_slider_1_title a {
      line-height: 41px;
   }

   .met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_title {
      padding: 10px 20px 10px 40px;
   }

   .met_thumbnail_slider_1_title {
      font-size: 15px;
   }

   .met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_subtitle {
      padding: 10px 20px 10px 40px;

      left: 0;
   }

   .met_thumbnail_slider_1_subtitle {
      font-size: 13px;
   }

   .met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_title {
      padding: 10px 40px 10px 20px;
   }

   .met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_subtitle {
      padding: 10px 40px 10px 20px;

      right: 0;
   }
}

/*-------------------------------

	Response For Tablets

------------------------------*/

@media all and (max-width: 1169px) {
   .met_one_column_portfolio_item_preview {
      width: 100%;

      text-align: center;

      margin-bottom: 15px;
   }

   .met_one_column_portfolio_item_preview a {
      max-width: 100%;
   }

   .met_one_column_portfolio_item_details {
      margin-left: 0;
   }

   .met_div5 {
      width: 100%;
   }

   .met_footer_menu {
      float: none;
   }

   .met_slider_item {
      overflow: hidden;
   }

   .met_main_nav {
      display: none !important;
   }

   header aside {
      display: none;
   }

   .met_slider_item_preview {
      width: 100%;
   }

   .met_slider_item_caption {
      width: 100%;

      margin-left: 0;

      position: relative;

      height: auto;

      float: left;
   }

   .met_page_header h1 {
      width: auto;

      display: block;
   }

   .met_page_header h2:before {
      display: none;
   }

   .met_logo {
      position: relative;

      z-index: 2;
   }

   .dl-menuwrapper {
      z-index: 1;
   }
}

/*-------------------------------

	Response For Mobile

------------------------------*/

@media all and (max-width: 767px) {
   .met_img_with_text_preview {
      width: 100%;
   }

   .met_img_with_text article {
      position: relative;

      margin-left: 0;

      float: left;
   }

   .met_img_with_text article:before,
   .met_cacoon_sidebar:before {
      display: none;
   }

   .met_icon_tabs nav a {
      width: 56px;
   }

   .met_page_header h2 {
      line-height: 20px;

      height: auto;

      padding: 15px 30px;

      font-size: 15px;
   }

   .met_page_header ul {
      float: left;

      margin: 0;

      padding: 15px 30px;
   }

   .met_blog_list_preview aside {
      position: relative;

      width: auto;
   }

   .met_blog_list_preview aside:after {
      display: none;
   }

   .met_blog_list_preview .met_blog_video_iframe {
      margin-left: 0;
   }

   .met_blog_list_preview .met_blog_video_iframe iframe {
      width: 100% !important;

      height: 130px !important;
   }

   .met_comment_reply_link {
      display: none;
   }

   .met_comment_box > .met_comment > .met_comment_descr {
      margin-right: 0;
   }

   .met_comment_box > .met_comment:nth-child(2),
   .met_comment_box > .met_comment:nth-child(3),
   .met_comment_box > .met_comment:nth-child(4) {
      margin-left: 0;
   }

   .met_comment_box > .met_sub_comment:before {
      display: none;
   }

   .met_footer_menu {
      display: none;
   }

   .met_responsive_nav {
      display: block;
   }

   .met_recent_work_overbox a {
      top: 4px;
   }

   .met_blog_list_preview aside div {
      padding: 0;

      text-align: center;
   }

   .met_blog_list_preview aside span:first-child {
      font-size: 25px;

      margin-top: 0;

      line-height: 28px;

      display: inline;
   }

   .met_blog_list_preview aside span:last-child {
      font-size: 16px;

      line-height: 19px;

      display: inline;
   }

   .met_blog_posted_by {
      width: 100%;

      padding-left: 0;

      margin-left: 0;

      border-left: none;
   }

   .met_blog_posted_by {
      width: 100%;

      padding-left: 0;

      margin-left: 0;

      border-left: none;
   }

   .met_comment_box > .met_comment > img {
      margin-left: 80px;

      margin-bottom: 20px;
   }

   .met_comment_box > .met_comment > .met_comment_descr {
      margin: 0;

      padding: 15px;
   }

   .met_portfolio_item_descr {
      width: 68%;
   }

   .met_portfolio_item_share {
      width: 32%;
   }

   .met_page_header h1 {
      font-size: 23px;
   }

   .met_thumbnail_slider_1_effects {
      display: none;
   }

   .met_header_bar nav {
      display: none;
   }

   .met_header_bar > div > a {
      width: 100%;

      text-align: center;
   }
}

@media all and (max-width: 440px) {
   .met_masonry_blog_item {
      width: 89.68%;
   }

   .met_logo {
      width: 100%;

      text-align: center;
   }

   .dl-menuwrapper {
      /* top: 150px; */

      max-width: 100%;
   }

   .dl-menuwrapper button {
      /* width: 100%;

      text-indent: 1px; */

      font-size: 25px;

      font-weight: 300;

      color: #fff;

      text-align: left;
   }

   header.met_content {
      margin-bottom: 50px;
   }

   .dl-menuwrapper button:after {
      width: auto;

      height: auto;

      box-shadow: none;

      left: auto;

      top: 0;

      right: 10px;

      background: none;

      color: #ffffff;

      font-family: FontAwesome;

      content: '\F0C9';

      font-size: 28px;

      line-height: 41px;
   }
}

/** Large devices (desktops, 992px and up) */

@media (min-width: 1170px) {
   .featured-content-grid {
      display: grid;

      grid-template-columns: 276px 22px 276px 22px 276px 22px 276px;

      grid-template-rows: 276px 22px 276px 22px 276px 22px 276px 22px 276px;
   }

   .featured-grid-text-container {
      width: 276px;

      height: 276px;

      float: left;
   }

   .featured-grid-image {
      float: right;
   }

   .grid-item-1 {
      grid-column: 1 / span 3;

      grid-row: 1 / span 3;
   }

   .grid-item-2 {
      grid-column: 5 / span 3;

      grid-row: 1;
   }

   .grid-item-3 {
      grid-column: 5;

      grid-row: 3;
   }

   .grid-item-4 {
      grid-column: 1;

      grid-row: 5 / span 3;
   }

   .grid-item-5 {
      grid-column: 3 / span 3;

      grid-row: 5;
   }

   .grid-item-6 {
      grid-column: 7;

      grid-row: 3 / span 3;
   }

   .grid-item-7 {
      grid-column: 5 / span 3;

      grid-row: 7;
   }

   .grid-item-8 {
      grid-column: 1;

      grid-row: 9;
   }

   .grid-item-9 {
      grid-column: 3;

      grid-row: 7 / span 3;
   }

   .grid-item-10 {
      grid-column: 5;

      grid-row: 9;
   }

   .grid-item-11 {
      grid-column: 7;

      grid-row: 9;
   }

   /**

    * Image positions

     */

   .grid-item-1 .featured-grid-image,
   .grid-item-2 .featured-grid-image,
   .grid-item-5 .featured-grid-image,
   .grid-item-7 .featured-grid-image {
      width: 298px;
   }

   .grid-item-3 .featured-grid-image,
   .grid-item-8 .featured-grid-image,
   .grid-item-10 .featured-grid-image,
   .grid-item-11 .featured-grid-image {
      display: none;
   }

   .grid-item-4 .featured-grid-image,
   .grid-item-6 .featured-grid-image,
   .grid-item-9 .featured-grid-image {
      width: 100%;

      height: 298px;
   }

   .grid-item-4 .featured-grid-text-container,
   .grid-item-6 .featured-grid-text-container,
   .grid-item-9 .featured-grid-text-container {
      height: 276px;
   }

   /**

    * Overflow

     */

   .featured-content-overflow .featured-grid-text-container {
      background-color: #e3e3e3;

      width: 276px;

      height: 276px;

      float: left;

      margin: 22px 22px 0 0;
   }

   .featured-content-overflow .featured-grid-text-container:nth-child(4n) {
      margin-right: 0;
   }
}

/*-------------------------------

	Response For Lower Than 1170

------------------------------*/

@media all and (max-width: 1170px) {
   header.met_content {
      -webkit-sticky: sticky;

      position: sticky;

      top: 0px;

      background-color: white;

      margin-bottom: 9px;
   }

   .met_page_wrapper.met_boxed_layout {
      width: auto;
   }

   .met_content {
      width: 90%;

      margin-left: 5%;

      margin-right: 5%;
   }

   .met_thumbnail_slider_1_small {
      position: relative;

      bottom: 0;

      left: 0;

      height: auto;
   }

   .met_thumbnail_slider_1_small img:first-child {
      margin-left: 0;
   }

   .met_thumbnail_slider_1_small img,
   .met_thumbnail_slider_1_next {
      width: 50px;

      height: 50px;

      padding: 3px;

      margin: 5px 0 0 5px;
   }

   .met_thumbnail_slider_1_next {
      font-size: 70px;

      line-height: 38px;
   }

   .met_thumbnail_slider_1_title a {
      line-height: 41px;
   }

   .met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_title {
      padding: 10px 20px 10px 40px;
   }

   .met_thumbnail_slider_1_title {
      font-size: 15px;
   }

   .met_thumbnail_slider_1_effects_left .met_thumbnail_slider_1_subtitle {
      padding: 10px 20px 10px 40px;

      left: 0;
   }

   .met_thumbnail_slider_1_subtitle {
      font-size: 13px;
   }

   .met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_title {
      padding: 10px 40px 10px 20px;
   }

   .met_thumbnail_slider_1_effects_right .met_thumbnail_slider_1_subtitle {
      padding: 10px 40px 10px 20px;

      right: 0;
   }
}

/*-------------------------------

	Response For Tablets

------------------------------*/

@media all and (max-width: 1169px) {
   input.met_menu_search_text {
      height: 15px;
   }

   .met_one_column_portfolio_item_preview {
      width: 100%;

      text-align: center;

      margin-bottom: 15px;
   }

   .met_one_column_portfolio_item_preview a {
      max-width: 100%;
   }

   .met_one_column_portfolio_item_details {
      margin-left: 0;
   }

   .met_div5 {
      width: 100%;
   }

   .met_footer_menu {
      float: none;
   }

   .met_slider_item {
      overflow: hidden;
   }

   .met_main_nav {
      display: none !important;
   }

   header aside {
      display: none;
   }

   .met_slider_item_preview {
      width: 100%;
   }

   .met_slider_item_caption {
      width: 100%;

      margin-left: 0;

      position: relative;

      height: auto;

      float: left;
   }

   .met_page_header h1 {
      width: auto;

      display: block;
   }

   .met_page_header h2:before {
      display: none;
   }

   .met_logo {
      position: relative;

      z-index: 2;
   }

   .items-responsive {
      display: block;

      margin-right: 0;

      min-width: 400px;
   }

   .items-responsive .mod-languages,
   .items-responsive .search,
   .items-responsive #mobile-menu-btn {
      float: right;
   }

   .items-responsive .mod-languages {
      padding-top: 16px;
   }

   header aside {
      display: block;
   }

   .customavtop {
      position: absolute;

      z-index: 9999;

      top: 0;

      left: 0;

      display: none;
   }

   ul.menumeta li {
      margin-right: 0px;
   }

   .featured-content-grid {
      display: block;

      grid-template-columns: 1fr 22px 1fr;

      grid-template-rows: 32vw 22px 32vw 22px 32vw 22px 32vw 22px;
   }

   .featured-grid-image {
      width: 100%;

      height: 39vw;
   }

   .featured-grid-text {
      font-size: 1.8vw;

      line-height: normal;
   }

   .featured-grid-text h2 {
      font-size: 3vw;

      line-height: 3.1vw;
   }

   .grid-item {
      width: 43.8vw;

      float: left;

      margin: 0 2vw 2vw 0;
   }

   #vg-mainbody > div > div.featured-content-grid {
      margin-top: 9px;

      display: inline-block;
   }

   .grid-item:nth-child(2n) {
      margin-right: 0;
   }

   button#mobile-menu-btn.hamburger {
      height: 47px;

      width: 47px;
   }

   .met_menu_search .met_menu_search_submit {
      height: 47px;

      width: 47px;

      line-height: 50px;
   }

   .items-responsive .mod-languages {
      padding-top: 0;

      height: 47px;

      display: flex;

      align-items: center;
   }

   div.mod-languages li a {
      font-size: 18px;
   }

   #cacoon-input-search {
      padding-left: 15px;
   }
}

/*-------------------------------

	Response For Mobile

------------------------------*/

@media all and (max-width: 767px) {
   /*header.met_content {

		height: 100px;

	}*/

   header .met_logo {
      padding-top: 30px;
   }

   header.scrolled .met_logo {
      display: none;
   }

   header.scrolled {
      margin-bottom: 80px;

      height: 52px;
   }

   header.scrolled .dl-menuwrapper {
      top: 10px;
   }

   .met_img_with_text_preview {
      width: 100%;
   }

   .met_img_with_text article {
      position: relative;

      margin-left: 0;

      float: left;
   }

   .met_img_with_text article:before,
   .met_cacoon_sidebar:before {
      display: none;
   }

   .met_icon_tabs nav a {
      width: 56px;
   }

   .met_page_header h2 {
      line-height: 20px;

      height: auto;

      padding: 15px 30px;

      font-size: 15px;
   }

   .met_page_header ul {
      float: left;

      margin: 0;

      padding: 15px 30px;
   }

   .met_blog_list_preview aside {
      position: relative;

      width: auto;
   }

   .met_blog_list_preview aside:after {
      display: none;
   }

   .met_blog_list_preview .met_blog_video_iframe {
      margin-left: 0;
   }

   .met_blog_list_preview .met_blog_video_iframe iframe {
      width: 100% !important;

      height: 130px !important;
   }

   .met_comment_reply_link {
      display: none;
   }

   .met_comment_box > .met_comment > .met_comment_descr {
      margin-right: 0;
   }

   .met_comment_box > .met_comment:nth-child(2),
   .met_comment_box > .met_comment:nth-child(3),
   .met_comment_box > .met_comment:nth-child(4) {
      margin-left: 0;
   }

   .met_comment_box > .met_sub_comment:before {
      display: none;
   }

   .met_footer_menu {
      display: none;
   }

   .met_responsive_nav {
      display: block;
   }

   .met_recent_work_overbox a {
      top: 4px;
   }

   .met_blog_list_preview aside div {
      padding: 0;

      text-align: center;
   }

   .met_blog_list_preview aside span:first-child {
      font-size: 25px;

      margin-top: 0;

      line-height: 28px;

      display: inline;
   }

   .met_blog_list_preview aside span:last-child {
      font-size: 16px;

      line-height: 19px;

      display: inline;
   }

   .met_blog_posted_by {
      width: 100%;

      padding-left: 0;

      margin-left: 0;

      border-left: none;
   }

   .met_blog_posted_by {
      width: 100%;

      padding-left: 0;

      margin-left: 0;

      border-left: none;
   }

   .met_comment_box > .met_comment > img {
      margin-left: 80px;

      margin-bottom: 20px;
   }

   .met_comment_box > .met_comment > .met_comment_descr {
      margin: 0;

      padding: 15px;
   }

   .met_page_header h1 {
      font-size: 23px;
   }

   .met_thumbnail_slider_1_effects {
      display: none;
   }

   .met_header_bar nav {
      display: none;
   }

   .met_header_bar > div > a {
      width: 100%;

      text-align: center;
   }

   .featured-content-grid {
      display: block;
   }

   .featured-grid-image {
      width: 100%;

      height: 60vw;
   }

   .featured-grid-text {
      height: auto;

      font-size: 2.8vw;

      line-height: normal;
   }

   .featured-grid-text h2 {
      font-size: 5vw;

      line-height: 5.2vw;
   }

   .grid-item {
      width: 100%;

      margin-bottom: 22px;
   }

   .met_logo {
      width: 100%;
   }

   .items-responsive {
      width: 100%;

      background-color: #d8d8d8;

      margin-top: 0px;

      margin-right: 0;

      margin-bottom: 5px;
   }

   .search {
      float: right;
   }

   .items-responsive button.hamburger {
      margin: 0;
   }

   .items-responsive .mod-languages {
      float: left;
   }

   div.tweetticker-username a {
      display: none;
   }
}

@media all and (max-width: 440px) {
   .met_masonry_blog_item {
      width: 89.68%;
   }

   /*header.met_content{

		margin-bottom: 85px;

	}*/

   .met_logo {
      width: 100%;

      text-align: center;
   }

   input.met_menu_search_text {
      width: 32vw;

      /*width: 23vw;*/

      /*margin-left: 10px;*/
   }

   .items-responsive {
      min-width: initial;
   }

   .items-responsive #avenergy-mobile-menu {
      width: 100%;
   }

   .met_content {
      width: 90%;

      margin-left: 5%;

      margin-right: 5%;
   }

   .item-page {
      /*padding: 2%;*/
   }

   .items-responsive .mod-languages {
      padding-top: 0;

      height: 47px;

      display: flex;

      align-items: center;
   }

   button#mobile-menu-btn.hamburger {
      height: 48px;
   }

   .met_menu_search .met_menu_search_submit {
      height: 48px;

      line-height: 50px;
   }

   input.met_menu_search_text {
      height: 16px;
   }

   #mobile-menu-btn > i,
   .met_menu_search_submit > i {
      font-size: 1.6rem;
   }
}