/* Responsive CSS Document */

/* 
    Created on   : 19/06/2021.
    Theme Name   : Deski-Saas & Software HTML Template
    Version      : 1.0.
    Developed by : (me@heloshape.com) / (www.me.heloshape.com)
   
*/
@media (min-width: 1350px) {
  .lg-container .container {max-width: 1320px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1170px;}
}
@media (min-width: 992px) {
  .container {padding-right: 0;padding-left: 0;}
}
@media (min-width: 1200px) and (max-width: 1450px) {
  .theme-main-menu {padding: 30px 40px;}
}
@media (min-width: 1200px) and (max-width: 1366px) {
    .grok-theme-menu .logo {left: 20px;} 
    .grok-theme-menu .right-widget {right: 20px;} 
}
@media (max-width: 1199px) {
  .grok-theme-menu .logo {left: 0;width: 200px;} 
  .grok-theme-menu .right-widget {right: 0;} 
  .grok-theme-menu .right-widget .demo-button {line-height: 48px; font-size: 15px; width: 160px; }
  .grok-pricing-table .pr-table-wrapper .price {font-size: 35px; padding-right: 15px;}
  .grok-pricing-table .pr-table-wrapper .top-banner span {font-size: 20px;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  .theme-main-menu {padding: 30px 25px;} 
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
 
  .theme-main-menu {padding: 30px 15px;}  
  .theme-main-menu>div {position: static;}   
  .grok-theme-menu .logo {left: 5px;} 
  .grok-theme-menu .right-widget {right: 75px;}
  .grok-theme-menu #mega-menu-holder {margin-left: auto;}
  .main-page-wrapper {padding-top: 99px;}
  .theme-main-menu.sticky-menu.fixed {padding: 20px 15px;}
 
  .grok-top-banner {padding-top: 40px;}
  .grok-top-banner .grok-heading {font-size: 45px; line-height: 1.29em;}
  .grok-top-banner .grok-sub-heading {font-size: 18px; padding-bottom: 40px;}

  .grok-theme-footer .title {color: #000;padding-bottom: 12px; font-size: 18px;}
  .grok-theme-footer .footer-list a {font-size: 16px;}
  .grok-theme-footer .bottom-footer {margin-top: 30px; padding: 20px 0 5px;}
 
  .grok-title-style p {font-size: 18px; padding-top: 25px;}
  
  .coming-soon-content h6 {font-size: 14px;}
  .coming-soon-content h1 {font-size: 45px; padding: 30px 0 40px;}
  .coming-soon-content p {font-size: 18px; padding-bottom: 40px;}
  .coming-soon-content form {height: 65px;}
  .coming-soon-content form button {width: 150px; font-size: 16px;}
  .coming-soon-content form input {padding: 0 165px 0 15px; font-size: 16px;}
  .doc-sidebar .list-item li h4 {font-size: 20px;}
  .doc-sidebar .list-item>li {padding: 5px 0;}
  .doc-container .doc-main-body h2 {font-size: 30px; padding-bottom: 20px;}
  .doc-container .doc-main-body h3 {font-size: 22px; padding-bottom: 20px;}
  .doc-container .doc-main-body p {padding-bottom: 25px;}
  #doc-sidebar-nav {padding-right: 15px;}
  .doc-container .doc-main-body {padding-left: 15px;}
}
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .doc-sidebar {top: 80px;}
  #doc-sidebar-nav {padding-right: 15px;}
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (max-width: 767px) {
 
  .grok-pricing-table .pr-table-wrapper {padding: 25px 15px;}
  .grok-pricing-table .row {margin: 0 -15px;}
  .grok-pricing-table .row [class*="col-"] {padding: 0 15px;}
  .grok-pricing-table .pr-table-wrapper .top-banner {padding: 5px 10px; text-align: center;}
  .grok-pricing-table .pr-table-wrapper .price {padding: 25px 0 5px;}  
  .doc-sidebar {height: 100%; padding-top: 0 !important;}
  #doc-sidebar-nav {
    position: fixed;
    top: 79px;
    right: 0;
    height: 100%;
    background: #fff;
    width: 280px;
    border-left: 1px solid #E1E6EE;
    padding: 30px 15px 10px;
    max-height: calc(100vh - 79px);
  }
  .doc-sidebar {border: none; background: #f5f5f5; top: 78px; padding: 10px 0 !important; z-index: 9;}
  .doc-sidebar .btn {color: #fff; background: #2a2a2a;margin:0 15px;padding: 2px 5px;}
  .doc-container .doc-main-body {padding-left: 0; padding-top: 50px;}
}
/*(max-width: 767px)*/

@media (min-width: 768px) { 
    #doc-sidebar-nav {display: block !important;}
}

@media (max-width: 575px) {
  .grok-top-banner .shapes {display: none;}
  .grok-theme-menu .right-widget .demo-button {width: 50px; padding: 7px 0; display: block;}
  .grok-theme-menu .right-widget .demo-button img {display: block;}
  .grok-theme-menu .right-widget .demo-button span {display: none;}
  .grok-top-banner .button-group a {margin: 10px auto;}
  .grok-top-banner .img-gallery {margin-top: 60px;}
 
  .grok-feature-block {padding: 30px 15px;}
  .grok-feature-block .text h4 {font-size: 20px;}

  .doc-sidebar .list-item li h4 {font-size: 18px;}
  .doc-sidebar .list-item>li {padding: 5px 0 0;}
  .search-filter-form form {height: 64px;}
  .search-filter-form input {padding: 0 75px 0 18px;}
  .search-filter-form button {
    top: 6px;
    right: 6px;
    bottom: 6px;
    width: 58px;
  }
}
/*(max-width: 575px)*/

@media (max-width: 430px) {
  .theme-main-menu .logo {max-width: 150px; margin:0;}
}