/*-----------------------------------------------------------------------------
* Template Name      :  kevin | Creative and Responsive Beautiful Portfolio  |
* Author             :  theProger                                             |
* Version            :  1.0.0                                                 |
* Created            :  April 2020                                            |
* File Description   :  Responsive css file of the template                   |
*------------------------------------------------------------------------------
*/
/* For MOBILE DEVICES */
@media (max-width: 992px) {
  body {
    overflow-x: hidden;
  }
  main.content {
    margin-left: 0;
  }
  header.navigation .container {
    width: 85%;
  }
  header.vertical_header {
    width: 280px;
    -webkit-transform: translateX(-280px);
    transform: translateX(-280px);
  }
  header.vertical_header.pressed {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  header.mobile-header.pressed, main.pressed {
    -webkit-transform: translateX(280px);
    transform: translateX(280px);
  }
  header.mobile-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header.horizontal_header ul li a {
    padding: 6px 0px;
  }
  section.backgound-section, div.section.backgound-section {
    background-attachment: scroll !important;
  }
}

@media (max-width: 768px) {
  article .article-ins,
  article .article-heading,
  article .article-tags,
  article .article-meta {
    border: 0 !important;
  }
}

/*IF DISPLAY HEIGHT RESOLUTION IS LOWER THAN 712px*/
@media (max-height: 712px) {
  header.vertical_header ul li {
    margin-bottom: 18px !important;
  }
  header.vertical_header ul li:after {
    height: calc(100% - 25px) !important;
  }
}
/*# sourceMappingURL=responsive.css.map */