/**
* Template Name: Haircut Landing Page
*/

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

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) {

}

/*  Large devices (less than 1600px) */
@media (max-width: 1599.98px) {
 /*=========start Hero section=========*/ 
 .social-links {
    width: 67px;
}
/*========= End of Hero section=========*/ 

/*========= start About us section=========*/ 
.dot-img {
    position: absolute;
    left: 28%;
    bottom: 74%;
}
/*========= End of About us section=========*/ 
}
@media (max-width: 1491.98px) {
  /*=========start Hero section=========*/ 
  .social-links {
    width: 47px;
}
/*========= End of Hero section=========*/ 

/*========= start About us section=========*/ 
.dot-img {
    position: absolute;
    left: 26%;
    bottom: 74%;
}
/*========= End of About us section=========*/ 
}
@media (max-width: 1439.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;
 } 
 /*End Global*/ 

/*=========start Hero section=========*/ 
.social-links {
    width: 38px;
}
.social-links i {
    color: var(--h02-tertiary-color);
    font-size: 20px;
    padding: 25px 0px;
}
/*========= End of Hero section=========*/ 

/*=========start of About us Section============*/
.dot-img {
    position: absolute;
    left: 25%;
    bottom: 74%;
}
/*=========End of About us  Section============*/
}
@media (max-width: 1399.98px) {
/*=========start Hero section=========*/ 
.social-links {
    width: 55px;
}
section#hero {
    background-color: var(--h02-primary-color);
    height: 835px;
}
/*========= End of Hero section=========*/ 

/*=========start of About us Section============*/
.dot-img {
    position: absolute;
    left: 28%;
    bottom: 68%;
}
/*=========End of About us  Section============*/

}

@media (max-width: 1380.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;
}     
/*End Global*/ 

/*=========start Hero section ========*/
.social-links {
    width: 50px;
}
.social-links i {
    font-size: 26px;
    padding: 35px 0px;
}
section#hero {
    background-color: var(--h02-primary-color);
}
.social-links {
    padding-top: 40px;
}
/*=========End of Hero section ========*/  

/*=========start of About us Section============*/
.dot-img {
    position: absolute;
    left: 28%;
    bottom: 67%;
}
/*=========End of About us  Section============*/

/*=========start of Our testimonial Section============*/
.testimonial-arrows-box-custom button.testimonial-previous.btn-arrow.slick-arrow {
    position: absolute;
    left: 14.5%;
    top: -160px;
}
.testimonial-arrows-box-custom button.testimonial-next.btn-arrow {
    position: absolute;
    left: 35.5%;
    top: -160px;
}
/*=========End of Our testimonial Section============*/

/*=========start Gallery section ========*/
.gallerybox-inner {
    z-index: 1;
}
/*=========start Gallery section ========*/

/*=========start Pricing section ========*/
.pricing .pricing-item {
    padding: 50px 30px;
  }
/*=========End Pricing section ========*/

/*=========start Our Blog section ========*/
.our-blog h4 a {
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
    color: var(--h02-primary-color);
}
/*=========End of Our Blog 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;
 } 

/*End Global*/

/*=========start Hero section ========*/  
.social-links {
    width: 48px;
}
/*=========End of Hero section ========*/  
}

@media (max-width: 1280.98px) {
/*=========start Hero section ========*/  
.social-links {
    width: 40px;
}
.social-links i {
    font-size: 22px;
    padding: 30px 0px;
}
/*=========End of Hero section ========*/ 

/*=========start Our Team section ========*/ 
.ourteam .member h5 {
    font-size: 22px;
} 
/*=========End of Our Team  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 5px;
    }
/*=========End Header========*/



/*=========Start Hero Section============*/
section#hero {
    padding-top: 100px;
    height: 680px;
}
.hero .border-start {
    width: 100%;
}
.hero .border-start {
    margin: 20px 0px 20px 0px;
}
.social-links {
    width: 100%;
    height: 134px;
    padding-top: 80px;
}
.social-links i {
    font-size: 20px;
    padding: 0px 20px;
}
/*=========End of Hero Section============*/

/*=========start  of About us section ========*/
.dot-img {
    position: absolute;
    left: 33%;
    bottom: 67%;
}
/*=========End of Hero section ========*/

/*=========start Gallery section ========*/
.gallerybox-inner {
    margin-top: -90px;
    z-index: 1;
}
/*=========End of Gallery section ========*/

/*=========start Our pricing section ========*/
 .pricing .pricing-item {
    padding: 30px 15px;
}
 .pricing .pricing-item ul li span {
    font-size: 16px;
    font-weight: 400;
}
 .pricing .pricing-item ul {
    margin-bottom: 35px;
}
 /*=========End Our pricing section ========*/

 /*=========End Our Team section ========*/
 .ourteam .member .member-info {
    left: 20px;
    right: 20px;
    padding: 15px 17px;
}
/*=========End Our Team section ========*/

 /*=========start of Our testimonial Section============*/
 .testimonial-arrows-box-custom button.testimonial-previous.btn-arrow{
    position: absolute;
    left: 14.5%;
    top: -167px;
    padding: 19px;
}
 .testimonial-arrows-box-custom button.testimonial-next.btn-arrow {
    position: absolute;
    left: 36.5%;
    top: -167px;
    padding: 19px;
}
/*=========End of Our testimonial Section============*/

/*=========start of Our services Section============*/
.ourservices .services-box p {
    padding: 0px 10px;
}
/*=========End of Our services Section============*/

/*=========start of Our Blog Section============*/
.our-blog h4 a {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    color: var(--h02-primary-color);
}
.our-blog p {
    padding-top:0px;
    max-width: 100%;
}
.our-blog .post-entry {
    padding: 10px;
}
/*=========End of Our Blog Section============*/
}
@media (max-width: 1020.98px) {

/*=========start of Our Team Section============*/
.ourteam .member h5
{
padding-bottom: 0px;
}  
/*=========End of Our Team Section============*/
    
/*=========start of About Section============*/
.dot-img {
    position: absolute;
    left: 30%;
    bottom: 67%;
}
/*=========End of About Section============*/
}

@media (max-width: 991.98px) {

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

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

h3,
.h3 {
    font-size: 33px;
    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;
}
.header .navbar-toggler {
    margin-left: auto;
}
.lets-talk-btn {
    height: 40px;
    padding: 20px 10px;
}
/*=========End Header menu ============*/


/*=========Start Hero Section============*/
section#hero {
    padding-top: 75px;
    height: 680px;
}
.hero .border-start {
    width: 100%;
}
.hero .border-start {
    margin: 20px 0px 20px 0px;
}
.social-links {
    width: 100%;
    height: 134px;
    padding-top: 80px;
}
.social-links i {
    font-size: 20px;
    padding: 0px 20px;
}
.getstart-btn {
    padding: 15px 20px;
    font-size: 17px !important;
}
.subscribe-btn {
    display: inline-block;
    padding: 15px 32px;
    font-size: 17px !important;
    margin: 0px 10px;
}

/*=========End of Hero Section============*/

/*=========start of gallerybox Section============*/
.gallerybox-inner {
    margin-top: -100px;
    z-index: 1;
}
/*=========End of gallerybox Section============*/

/*=========start About us section ============*/
.dot-img {
    position: absolute;
    left: 54%;
    top: 0%;
    bottom: auto;
}
.aboutus {
    margin: 100px 0px;
}
/*=========End of About us section ============*/

/*=========start Count section ============*/
.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: 15px;
}
.count .count-bg .stats-item1 p {
    font-size: 15px;
}
/*=========End Count section ============*/

/*=========start our services section ============*/
.ourservices {
    margin-top: 100px;
}
.ourservices .services-img .slick-slide img {
    display:inline-block !important;
  }
.ourservices-title {
    font-size: 20px;
    padding: 15px 0px;
}
/*=========End of our services section ============*/

/*=========start of our team section ============*/
.ourteam .member .member-info {
    left: 0px;
    right: 0px;
    padding: 15px;
  }
  .ourteam .member h5
  {
    padding: 0px;
  }
  .ourteam .member .link {
    position: absolute;
    right: 12px;
    bottom: 20px;
}
/*=========End of our team section ============*/

/*=========start Pricing section ========*/
.pricing .pricing-item {
    padding: 50px 20px;
  }
.pricing .pricing-item ul {
 margin-bottom: 35px;
display: inline-block;
}
/*=========End Pricing section ========*/

/*=========start Our Client Say section ============*/
.our-client {
    margin-top: 100px;
}
.testimonial-arrows-box-custom button.testimonial-previous.btn-arrow{
    position: absolute;
    left:18%;
    top: -500px;
}
 .testimonial-arrows-box-custom button.testimonial-next.btn-arrow {
    position: absolute;
    left: 74%;
    top: -500px;
}

/*=========End of Our Client Say section ============*/

/*=========start Our Blog section ============*/
.our-blog {
    margin: 100px 0px;
}
.our-blog .post-entry
{
display: inline-flex;
}
.our-blog h4 a {
    font-size: 24px;
}
.our-blog .post-entry .thumbnail
{
    margin-bottom: 0px !important;
}
.our-blog p {
    padding: 8px;
    max-width: 100%;
    margin-bottom: 0px;
}
/*=========End of Our Blog section ============*/

/*=========start of contact-info section ========*/
.contact-info {
    padding: 60px 0px;
}
/*=========End of contact-info 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 Hero Section ============*/
section#hero {
    padding-top: 190px;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.hero .border-start {
    text-align: start;
}
.social-links i {
    font-size: 20px;
    padding: 0px 20px;
}
.hero .border-start {
    margin: 25px 0px 25px 0px;
    text-align: center;
    border:none !important;
    padding: 0;
}
.getstart-btn {
    padding: 15px 35px;
    font-size: 17px !important;
    margin: 0px auto;
    margin-bottom: 20px;
}
.subscribe-btn {
    padding: 15px 55px;
    margin: 0 auto;
}
.social-links {
    width: 100%;
    height: 120px;
    
}
.gallerybox-inner img{
        border-width: 2px;
}
/*=========End of Hero Section ============*/

/*=========start of About us Section ============*/
.aboutus {
    margin: 60px 0px;
}
/*=========End of About us Section ============*/

/*=========start of gallery Section ============*/
.gallerybox-inner {
    margin-top: -75px;
    z-index: 1;
}
/*=========End of gallery Section============*/

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

/*=========start of count Section============*/
.ourservices {
    margin-top: 80px;
}
.slick-slide .services-img  {
    display:inline-block !important;
  }
/*=========End of count Section============*/

/*=========start of Our Gallery Section============*/
.ourgallery {
    margin: 80px 0px;
}
/*=========End of Our Gallery Section============*/

/*=========start of Our Client say Section============*/
.arrows-box-custom
{
display: none;
}
/*=========End of Our Client say Section============*/

/*=========start video box section ============*/
.video-box {
    margin: 15px 0px 15px 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 Pricing section ============*/
.pricing {
    margin-top: 80px;
}
.pricing .pricing-item {
    padding: 25px 20px;
}
/*=========End Pricing section ============*/

/*=========start Our Client Say section ============*/
.our-client {
    margin-top: 80px;
}
.testimonial-arrows-box-custom button.testimonial-previous.btn-arrow {
    position: absolute;
    left: 7%;
    top: -520px;
}
.testimonial-arrows-box-custom button.testimonial-next.btn-arrow {
    position: absolute;
    left: 82%;
    top: -520px;
}
/*=========End of Our Client Say section ============*/

/*=========start Our Blog section ============*/
.our-blog {
    margin: 80px 0px;
}
.our-blog .post-entry .thumbnail {
    flex: 0 0 100%;
    margin-right: 0px !important;
  }
  .our-blog p {
    padding-top: 20px;
   max-width: 100%; 
}
.our-blog .post-entry {
    padding: 15px;
}
.our-blog .post-entry {
    display: block;
}
.our-blog .post-entry .thumbnail {
    margin-bottom: 15px !important;
}
/*=========End of Our Blog 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 contact info section
=================================*/
.contact-info
{
  padding: 80px 0px;
}
/*=================================
    # End of contact info section
 =================================*/

/*=========start  footer section ============*/
 .footer {
    padding: 20px;
}
 .footer .footer-links ul li a {
    padding: 10px 15px;
}
/*=========End of footer section ============*/
}

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

/*=========start hero section ============*/
.hero h6 {
    letter-spacing: 10px;
}
/*=========End hero section ============*/
   
/*=========start About us section ============*/    
.aboutus .services-title h6
{
    padding: 20px 0px;
}
.gallery-content .glightbox{
    display: block;
}
.gallery-content{
    margin-bottom: 20px;
}
.gallery-content .image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center center;
}
/*=========End of About us section ============*/

/*=========start testimonial section ============*/
.testimonial-arrows-box-custom
{
    display: none;
}
/*=========End of testimonial section ============*/
}

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


/* Extra Small devices (less than  380px) */
@media (max-width: 379.98px) {
/*=========start of Header section ============*/
.lets-talk-btn {
    font-size: 12px;
} 
section#hero {
    padding-top: 155px;
}
/*=========End of Header section ============*/

/*=========start of aboutus section ============*/
.aboutus .services-title h6 {
    padding: 12px 0px;
}
/*=========End of aboutus section ============*/

/*=========start our-blog section ============*/
.our-blog h4 a {
    font-size: 20px;
}
/*=========End of our-blog section ============*/
  
/*=========start of footer section ============*/
.footer .footer-links ul li a {
    padding: 10px 7px;
}
/*=========End of footer section ============*/
}