/**
* Template Name: lawFolio
* Author Name: msjalal_themes
*/

/*============================================

1. Extra  Large devices (less than 1600px)
2. Large devices (less than 1200px)
3. Large tablets (less than  992px)
4. Medium devices (less than  768px)
5. Small devices (less than  576px)
6. Extra Small devices (less than  480px)

============================================*/



@media (max-width: 1643.98px) {

/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -11%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-11%;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -11%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-11%;
}
/*=========End of our testimonial section ========*/
}
 
/*  Large devices (less than 1600px) */
@media (max-width: 1599.98px) {


/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
    width: 80px;
    height: 80px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
    width: 80px;
    height: 80px;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -6%;
    width: 80px;
    height: 80px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-6%;
    width: 80px;
    height: 80px;
}
/*=========End of our testimonial section ========*/
}

@media (max-width: 1469.98px) {
/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our services section ========*/  

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our testimonial section ========*/ 
}

@media (max-width: 1439.98px) {


/*=========start our services section ========*/
.our-services .icon-box
{
    padding: 25px;
}
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
    width: 67px;
    height: 67px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
    width: 67px;
    height: 67px;
}
/*=========End of our testimonial section ========*/
}
@media (max-width: 1421.98px) {
/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 55px;
    height: 55px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 55px;
    height: 55px;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 55px;
    height: 55px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 55px;
    height: 55px;
}
/*=========End of our testimonial section ========*/

}

@media (max-width: 1380.98px) {

/*=========Start Banner section========*/
.banner h1 {
    color: var(--h03-tertiary-color);
    font-size: 72px;
}
/*=========End od Banner section========*/

/*=========Start About us section========*/
.aboutimgbox img
{
  padding: 5px;
}
.about-us .services-title h3 
{
    font-size: 39px;
    line-height: 50px;
}
.about-us .read-more
{
    margin-top: 30px;
}
/*=========End od About us section========*/

/*=========start our services section ========*/
.our-services .icon-box h4
{
    font-size: 24px;
}
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========start our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========start our testimonial section ========*/

}

@media (max-width: 1365.98px) {

   /*Global*/
 h1,
 .h1 {
     font-size: 65px;
     line-height: 1.5em;
 }

 h2,
 .h2 {
     font-size: 55px;
     line-height: 1.5em;
 }

 h3,
 .h3 {
     font-size: 40px;
     line-height: 1.5em;
 }

 h4,
 .h4 {
     font-size: 24px;
     line-height: 1.6em;
 }

 h5,
 .h5 {
     font-size: 22px;
     line-height: 1.5em;
 }

 h6,
 .h6 {
     font-size: 20px;
     line-height: 1.5em;
 }

 p {
     margin-bottom: 15px;
 } 

/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our testimonial section ========*/

}

@media (max-width: 1305.98px) {
 /*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -7%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-7%;
}
/*=========End of our testimonial section ========*/

}

@media (max-width: 1260.98px) {



/*=========start our services section ========*/
.our-services .icon-box {
    padding: 20px;
}
.our-services .icon-box h4 {
    font-size: 22px;
}
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -5%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-5%;
}
/*=========End of our testimonial section ========*/

}
@media (max-width: 1225.98px) {

/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 50px;
    height: 50px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 50px;
    height: 50px;
 }
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
    width: 50px;
    height: 50px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-4%;
    width: 50px;
    height: 50px;
 }
/*=========End of our testimonial section ========*/

}

/* Large devices (less than 1200px) */
@media (max-width: 1199.98px) {

 /*Global*/
h1,
.h1 {
    font-size: 45px;
    line-height: 1.6em;
}

h2,
.h2 {
    font-size: 40px;
    line-height: 1.6em;
}

h3,
.h3 {
    font-size: 32px;
    line-height: 1.6em;
}

h4,
.h4 {
    font-size: 24px;
    line-height: 1.6em;
}

h5,
.h5 {
    font-size: 22px;
    line-height: 1.6em;
}

h6,
.h6 {
    font-size: 20px;
    line-height: 1.6em;
}

p {
    margin-bottom: 15px;
}
/*End Global*/  

/*=========Start Header========*/
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0 2px;
    }
 /*=========End Header========*/

 /*=========Start Banner section========*/
.banner h1 {
    color: var(--h03-tertiary-color);
    font-size: 60px;
    line-height: 67px;
}
.banner-btn {
    padding-top: 65px;
}
/*=========End of Banner section========*/

/*=========start of About us section========*/

.about-us .services-title h3 {
    font-size: 32px;
}
/*=========End of About us section========*/

/*=========start our services section ========*/
.our-services .icon-imgbox {
    width: 130px;
    height: 130px;
}
.our-services .icon-box {
    padding: 30px 15px;
}
.our-services .icon-box h4 {
    font-size: 20px;
}
.our-team .member h5 {
    font-size: 24px;
}
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our services section ========*/

/*=========End of our team section ========*/
.our-team .member .member-info {
    padding: 18px;
}
.our-team .member .link {
    right: 15px;
    bottom: 15px;
    padding: 10px;
}
.our-blog .post-meta {
    display: flex;
    flex-direction: column;
}
/*=========End of our team section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -8%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-8%;
}
/*=========End of our testimonial section ========*/

/*=========start of our Blog section ========*/
.post-listbox h4 a {
    font-size: 22px;
}
/*=========End of our Blog section ========*/
}

@media (max-width: 1090.98px) {



 /*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
     top: 40%;
     left: -4%;
}
.services-slider button.slick-next.slick-arrow {
     top: 40%;
    right:-4%;
}
 /*=========start our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -4%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
   right:-4%;
}
/*=========start our testimonial section ========*/

}
@media (max-width: 1020.98px) {

/*=========start our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 55px;
    height: 55px;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 55px;
    height: 55px;
}
/*=========End of our services section ========*/

/*=========start our testimonial section ========*/
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -3%;
    width: 55px;
    height: 55px;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right:-3%;
    width: 55px;
    height: 55px;
}
/*=========End of our testimonial section ========*/
}

@media (max-width: 991.98px) {

 /*Global*/
 h1,
 .h1 {
     font-size: 45px;
     line-height: 1.5em;
 }

 h2,
 .h2 {
     font-size: 40px;
     line-height: 1.5em;
 }

 h3,
 .h3 {
     font-size: 35px;
     line-height: 1.5em;
 }

 h4,
 .h4 {
     font-size: 24px;
     line-height: 1.6em;
 }

 h5,
 .h5 {
     font-size: 22px;
     line-height: 1.5em;
 }

 h6,
 .h6 {
     font-size: 20px;
     line-height: 1.5em;
 }

 p {
     margin-bottom: 15px;
 }
 /*End Global*/
 
 /*=========Start Header menu ============*/
.navbar-brand img 
{
   max-width: 210px;
 }
.header .navbar-nav
{
    padding-top: 20px;
}
.header .navbar-expand-lg .navbar-nav .nav-link 
{
    padding: 5px 0px;
}
.header .navbar-toggler:focus
{
    box-shadow: none;
}
.lets-talk-btn {
    display: none;
    height: 40px;
    padding: 20px 10px;
}
.header .navbar-toggler {
    margin-left: auto;
}
/*=========End Header menu ============*/

/*=========start of banner section ========*/
.banner h1 {
    color: var(--h03-tertiary-color);
    line-height:normal;
}
.banner .line {
    margin: 0 auto;
}
.banner h6 {
    line-height: 35px;
}
.banner-btn {
    padding-top: 50px;
}
/*=========End of banner section ========*/



/*=========Start of our services section ========*/
.services-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -12%;
}
.services-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -12%;
}
/*=========End of our services section ========*/

/*=========Start of our testimonial section ========*/
.testimonial {
    margin-top: 100px;
}
.testimonial .testimonial-item h5 {
    margin-bottom: 0px;
    padding-top: 20px;
}
.testimonial-slider button.slick-prev.slick-arrow {
    top: 40%;
    left: -12%;
}
.testimonial-slider button.slick-next.slick-arrow {
    top: 40%;
    right: -12%;
}
/*=========End of our testimonial section ========*/

/*=========start of our Team section ========*/
.our-team {
    margin-top: 100px;
}
.our-team .member .member-info {
    padding: 25px 20px;
}
/*=========End of our Team section ========*/

/*=========start of our gallery section ========*/
.our-gallery {
    margin-top: 100px;
}
.gallery-content a {
    margin: 5px;
}
/*=========End of our gallery section ========*/

/*=========start Count section ============*/
.count {
    margin-top: 100px;
}
.count .count-bg h2.counter::after {
    font-size: 40PX;
}
.count .count-bg .stats-item span {
    font-size: 40PX;
}
.count .count-bg .stats-item span::after {
    font-size: 40PX;
}
.count .count-bg .stats-item1 span {
    font-size: 40PX;
}
.count .count-bg .stats-item1 span::after {
    font-size: 40PX;
}
.count .count-bg .stats-item p {
    font-size: 16px;
}
.count .count-bg .stats-item1 p {
    font-size: 16px;
}
/*=========End Count section ============*/

/*=========start video-box section ============*/
.video-box {
    margin: 100px 0px;
}
/*=========End of video-box section ============*/

/*=========start our blog section ============*/
.our-blog {
    margin: 100px 0px;
}
.our-blog h4 {
    padding-right: 0px;
}
.post-listbox h4 a {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
}
/*=========End of our blog section ============*/

/*=========start of contact-info section ============*/
.contact-info {
    padding: 80px 0px;
}
/*=========End of contact-info section ============*/

/*=========start of footer section ========*/
.footer .footer-links ul li {
    padding: 0px;
    display: block;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 20px;
}
.footer .footer-about .logo p {
    max-width: 90%;
  }
/*=========End of footer section ========*/
}



/* Medium devices (less than  768px) */
@media (max-width: 767.98px) {
  /*Global*/
  h1,
  .h1 {
      font-size: 30px;
      line-height: 1.5em;
  }

  h2,
  .h2 {
      font-size: 28px;
      line-height: 1.5em;
  }

  h3,
  .h3 {
      font-size: 25px;
      line-height: 1.5em;
  }

  h4,
  .h4 {
      font-size: 19px;
      line-height: 1.5em;
  }

  h5,
  .h5 {
      font-size: 18px;
      line-height: 1.5em;
  }

  h6,
  .h6 {
      font-size: 16px;
      line-height: 1.5em;
  }
  /*End Global*/

/*=========Start Header menu ============*/

.navbar-brand img {
   max-width: 160px;
   }
.header .navbar-nav
   {
    padding-top: 20px;
   }
.header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 0px;
}
.header .navbar-toggler:focus
{
    box-shadow: none;
}
.lets-talk-btn {
    padding: 10px;
}
/*=========End Header menu ============*/

/*=========start banner section============*/
section#banner {
    padding-top: 130px;
}
.banner h6 {
    letter-spacing: 7px;
}
.banner h1 {
    font-size: 43px !important;
}
.banner p {
    padding-top: 30px;
    font-size: 16px;
}
.getstart-btn
{
padding: 16px;
}
.subscribe-btn {
    padding: 16px;
    margin: 20px 0px;
}
.banner-btn {
    display: flex;
    flex-direction: column;
    max-width: 50%;
    margin: 0 auto;
}

/*=========End of banner section============*/

/*=========start of About us section============*/

.about-us {
    margin: 80px 0px;
}
.about-us .services-title h3 
{
    font-size: 25px;
    line-height: 1.5em;
}
/*=========End of About us  section============*/

/*=========start of our-services section============*/
.our-services {
    padding: 60px 0px;
}
.our-services .icon-box {
    padding: 13px;
}
.our-services .icon-box h4 {
    font-size: 18px;
}
/*=========End of our-services section============*/

/*=========start of our-testimonial section============*/
.testimonial {
    margin-top: 80px;
}
/*=========End of our-testimonial section============*/

/*=========start of our Team section ========*/
.our-team {
    margin-top: 80px;
}
.our-team .member .member-info {
    padding: 12px;
    text-align: start;
}
.our-team .member h5 {
    font-size: 18px;
    padding-bottom: 0px;
}
/*=========End of our Team section ========*/

/*=========start of our gallery section ========*/
.our-gallery {
    margin-top: 80px;
}
.gallery-content a {
    margin: 5px;
}
.gallery-content{
  width: 50%;
}
/*=========End of our gallery section ========*/

/*=========start of count Section============*/
.count
{
  margin-top: 80px;
}
.count .count-bg .count-border {
    border-right: none;
}
/*=========End of count Section============*/

/*=========start our blog section ============*/
.our-blog {
    margin: 80px 0px;
}
.our-blog h4 {
    padding-right: 0px;
}
.our-blog .post-list {
    margin-bottom: 20px;
  }
/*=========End of our blog section ============*/

/*=========start video box section ============*/
.video-box {
    margin: 30px 0px 80px 0px;
}
.video {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 15px;
  } 
.waves 
{
    position: absolute;
    width: 110px;
    height: 110px;
    right: -29px;
    bottom: -29px;
}
/*=========End of video box section ============*/

/*=============# Start of contact info section=============*/
.contact-info
{
  padding: 80px 0px;
}
.contact-info .info-item .info-title h6 {
    font-size: 20px;
    font-weight: 500;
}
.contact-info h4 {
    font-size: 26px;
}
/*========# End of contact info section=============*/


/*==========# Start of footer section===================*/
.footer .footer-links ul li {
    padding: 0px;
    display: block;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 20px;
}
.footer .footer-about .logo p {
    max-width: 100%;
  }
  .footer .footer-links ul a {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    padding-right: 20px;
}
/*============# End of footer section=================*/
}

/* Small devices (less than  576px) */
@media (max-width: 575.98px) {

 /*============start Our Team section=================*/
 .our-team .member h5 {
    font-size: 23px;
    padding-bottom: 0px;
}
 /*============End of Our Team section=================*/   

 /*============start Our services section=================*/
 .our-services .icon-box
{
    margin: 10px;
    padding: 25px;
}
 /*============End of Our services section=================*/ 

}

/*  Extra Small devices (less than  480px) */
@media (max-width: 479.98px) {}


/* Extra Small devices (less than  380px) */
@media (max-width: 379.98px) {
    
/*=========start banner section============*/
.banner h1 {
    font-size: 30px !important;
}
/*=========End of banner section============*/
}