@media screen and (max-width: 1364px) {
  .branding:before{
    right: 1145px;
  }
}
@media screen and (max-width: 1023px) {
  .branding:before{
    right: 800px;
  }
  /*======================
  Team
  ========================*/  
    .team-wrap{
      grid-template-columns: auto auto auto;
      justify-items: center;
    }
  /*======================
  Skill
  ========================*/   
    .skill-wrap{
      grid-template-columns: auto auto auto;
    }
}
@media screen and (max-width: 991px) {
/*======================
 Typography
========================*/
  h1, h2, .slide-title, .block-title, .staticbg-title{
    font-size: 36px;
  }
  .slide-subtitle, .block-subtitle, .staticbg-subdes{
    font-size: 20px;
  }

/*======================
Slider Block
=======================*/
.inna_prev{
  left: 15px !important;
}
.inna_next {
    right: 15px !important;
}

/*======================
 Container
========================*/
  .container{
    padding:0px 50px;
  }
  .container-full{
    padding:0px 30px;
  }
  
/*======================
 Blog Header
========================*/  
  .blog-header-content-wrap{
    padding: 35px 70px 50px 70px;
  }

  
/*======================
 Header
========================*/  
  .inner_header{
    display: none; 
  }
  .sm_header{
    display: block; 
  }
  .sm_branding{
    display: block;
  }

/*======================
Blog
========================*/
  .inna-blog .recent-post{
    width: 100%;
  }  
  .recent-post .left-part .featured-image{
    width: 200px;
  }

/*======================
Feature 
========================*/  
  .feature-wrap{
    grid-template-columns: auto auto;
  }
/*======================
  Team
  ========================*/  
    .team-wrap{
      grid-template-columns: auto auto;
    }
/*======================
  Service
  ========================*/  
    .service-wrap{
      grid-template-columns: auto auto;
    }  

    .service-item {
      border:none !important;
    }
/*======================
  Blog Single 
  ========================*/ 
    .single-post-wrap{
      flex-wrap: wrap;
      justify-content: center;
    }    
}
@media screen and (min-width: 791px) {
  .testimonial-container{
      width: 768px;
  }
}
@media screen and (max-width: 791px) {

/*======================
 Typography
========================*/
  h1, h2, .slide-title, .block-title, .staticbg-title{
    font-size: 32px;
  }
  .slide-subtitle, .block-subtitle, .staticbg-subdes{
    font-size: 20px;
  }

/*======================
Feature 
========================*/  
  .feature-wrap{
    grid-template-columns: auto;
  }  
/*======================
Team
========================*/  
  .team-wrap{
    grid-template-columns: auto;
    justify-items: center;
  }

/*======================
  Skill
  ========================*/   
    .skill-wrap{
      grid-template-columns: auto auto;
    }  
/*======================
  Service
  ========================*/  
    .service-wrap{
      grid-template-columns: auto;
    }  
    
/* =======================
Landing Page 
===========================*/
.laptop a{
    height: auto;
}
    
}
@media screen and (max-width: 575px) {
/*======================
 Typography
========================*/
  h1, h2, .slide-title, .block-title, .feature-item .feature-title, .staticbg-title{
    font-size: 24px;
  }
  .slide-subtitle, .block-subtitle, .staticbg-subdes{
    font-size: 16px;
  }  
  .inna_prev{
    left:10px !important;
  }

  .inna_next{
    right:10px !important;
  }
/*======================
 Container
========================*/
  .container{
    padding:0px 15px;
  }
  .container-full{
    padding:0px 15px;
  }

  .slide-container .container{
    padding:0px 35px;
  }
  /*Blog Header*/
  .blog-header-content-wrap{
    padding: 20px 10px 30px 10px;
  }

/*======================
 Header
========================*/    
  .inner_header{
    display: none; 
  }
  .sm_header{
    display: block; 
  }

/*======================
Blog
========================*/
  .recent-post .left-part .featured-image{
    width: 110px;
  }  

/*=======================
Slider 
=========================*/
  .slider-wrapper{
    padding: 0px 0px 0px 0px;
  }  
  .slide-content{
    row-gap:10px;
  }
  
/*======================
Feature 
========================*/  
  .feature-wrap{
    grid-template-columns: auto;
    gap: 45px;
  }
/*======================
  Skill
  ========================*/   
    .skill-wrap{
      grid-template-columns: auto;
    }      
/*======================
  Testimonial
  ========================*/  
  .client-quotation{
    font-size: 15px;
  }
/*======================
  Contact Form
  ========================*/    
  .wpcf7 .contact-form-top{
    flex-direction: row;
    flex-wrap: wrap;
  }
  .wpcf7 .left, .wpcf7 .right {
    width: 100%;
  }
  .wpcf7 .wpcf7-submit{
    font-size: 18px;
  }
}

@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}