/* Responsive CSS Document */

/* 
    Project:        Floki - Personal portfolio HTML Template.
    Version:        1.0
    Last change:    26/04/2019.
   
*/

@media (min-width: 1200px) {
  .container {padding-left: 0 !important;padding-right: 0 !important;}
}

@media (max-width: 1199px) {
  
}
/*(max-width: 1199px)*/

@media (min-width: 992px) {

}
/*(min-width: 992px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  
}
/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .theme-sidebar {margin-top: 150px;}
  .section-spacing {padding-top: 120px;}
  .about-me img {margin: 0 auto 40px;}
  
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  #main-menu .sidebar-nav .nav-item a {padding: 20px 8px; font-size: 13px;}
  
}
/*(min-width: 768px) and (max-width: 991px)*/

@media (min-width: 768px) {
} /*(min-width: 768px)*/

@media (max-width: 767px) {
  .hero-area p {font-size: 12px;line-height: 24px;padding-top: 15px;letter-spacing: 1px;}
  .theme-footer {margin-top: 100px;padding: 30px 0;text-align: center;}
  .theme-footer p {margin-bottom: 20px;}
  .blog-details-main-content h2 {font-size: 38px;margin-bottom: 30px;}
  #main-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 15px;
    right: 15px;
    top:100%;
    max-height: 80vh;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
    background: #fff;
    box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.0509804);
  }
  #main-menu .sidebar-nav .nav-item {width: 100%;text-align: left; border-bottom: 1px solid rgba(0,0,0,0.06);}
  #main-menu .sidebar-nav .nav-item a {margin: 0;padding: 12px 20px;}
  #menu-main-button {display: block;}
  .theme-title p br {display: none;}
  .theme-title h3 {font-size: 40px;padding-bottom: 15px;letter-spacing: 1px;word-spacing: 5px;}
  .theme-title {margin-bottom: 70px;}
  .bg-color-wrapper {padding-bottom: 90px;}
  .inner-banner {padding: 120px 0 100px;}
  .inner-banner h2 {font-size: 42px;padding-bottom: 10px;}
}
/*(max-width: 767px)*/


@media (min-width: 576px) and (max-width: 991px) {
  
}
/*(min-width: 576px) and (max-width: 991px)*/



@media (min-width: 576px) and (max-width: 767px) {
  .hero-area h1 {font-size: 68px;letter-spacing: 3px;}
  
}
/*(min-width: 576px) and (max-width: 767px)*/

@media (max-width: 575px) {
  .hero-area h6 {font-size: 20px;}
  .hero-area h1 {font-size: 50px;letter-spacing: 2px;}
  .blog-details-main-content .comment-box .single-comment.reply-comment {margin-left: 20px;}
  .client-feedback blockquote p,.blog-details-main-content .single-blog-post .post-data blockquote p {font-size: 22px;line-height: 42px;}
  .client-feedback blockquote {margin-bottom: 55px;}
  .single-blog-post .post-data .title {font-size: 34px;line-height: 45px;}
}
/*(max-width: 575px)*/

@media (max-width: 650px) {
  
}
@media (max-width: 500px) {
  
}
@media (max-width: 450px) {
 
}