* {
    padding: 0;
    margin: 0;
}
.bg {
    max-width: 100%;
    width: 100%;
    background-image: url("../images/header-Image.png");
 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
} 
img.tlogo {
    top: 39px;
    left: 35%;
    z-index: 1;
    width: 70%;
    margin:0 auto;

}
.v-100{
    height:100vh;
}
.content.v-100{
    height:80vh;
}
.dot1 {
    margin-top: 128px;
    width: 110%;

}
.dot2{
    width:110%;
}
.dot1 img, .dot2 img {
    max-height: 226px;
    max-width: 106%;
}
.content, .back {
    position: relative;
}
.heading-1 {
    position: absolute;
    top: 9%;
    width: 95%;
    color: white;
    Font-family: "Jomolhari", Sans-serif;
    font-size: 96px;
}
.heading-2 {

    font-size: 120px;
    color: #C0C0C0;
    Font-family: "Jomolhari", Sans-serif;
}
.bottom-para {
    color: #FFFFFF;
    Font-family: "Poppins", Sans-serif;

}
.change-my-color1 {
    fill: white;
    padding-right:15px;  
  }
  .equal-para{
  padding-left:10px !important;
  }
  .change-my-color2 {
    fill:gray;
  }
  .change-my-color3{
    fill: white;
    padding-right:10px;
  }
  .change-my-color5{
    fill: white;
    padding-right:13px;
  }
.box{
    background-color:#1e1e1e;
}
.saving-exp{
color:gray;
margin-bottom: 52px;
}
.premium-text{
    color:white;
    background-color: #1e1e1e;
    margin-bottom: 42px;
    padding:40px;
    Font-family: "Poppins", Sans-serif;
    line-height:46.8px;
}
    .top-heading {
        padding: 16%;
        padding-bottom: 1% !important;
        Font-family: "Poppins", Sans-serif;
    }
.mbl-para {
    color: #ffffff;
    line-height: 38px;
    padding-top: 14%;
    Font-family: "Poppins", Sans-serif;
}
.barber-para{
    color:#ffffff;
   margin-top: 90px;
   line-height: 38px;
   Font-family: "Poppins", Sans-serif;
 }
.test-box{
    background-color: red;
}
.fa-facebook-f:before {
    content: "\f39e";
    color: #C0C0C0;
}
.fa-instagram:before {
    content: "\f16d";
    color: #C0C0C0;
}
.fa-twitter:before {
    content: "\f099";
    color: #C0C0C0;
}
.list-inline-item:not(:last-child) {
    margin-right: 1.5rem;
}
.heading{
    color:#FFFFFF;
    font-size:18px;
    Font-family: "Poppins", Sans-serif;
}
.sub-menu{
    text-decoration: none;
    Font-family: "Poppins", Sans-serif;
}

.mbl-phone{
    position: relative;
    z-index:5;
}
.mbl-dot {
    position: relative;
    left: 57%;
    bottom: 20%;
    z-index: 3;
    width: 40%;
}
    .best-barber {
        color: #FFFFFF;
        line-height: 40px;
        padding: 16% 6% 3% 0%;
        Font-family: "Poppins", Sans-serif;
        font-size: 18px;
    }
.multi-scissor{
   margin-bottom:10%;

}
footer{
    border-top: 2px solid rgb(78, 77, 77);
}

.three-para{
    display:flex;
}
.equal-para1{
    padding-left: 10px !important;
}
.round.icon{
    color:white;
}
.equal-allign{
    padding-left:0px;
}
.equal-gap{
padding-left:20px;
}

@media only screen and (min-width : 280px) {
    .scissor-image {
        width: 100%;  
    }
    }
    @media only screen and (min-width : 1200px) {
        .barber-para {
            padding-left: 8%;
            padding-top: 9%;
        }
    }

@media only screen and (max-width : 576px) {


.best-barber {
    color: #FFFFFF;
    line-height: 40px;
    font-size: 17px;
     padding-left: 14px; 
}

}
@media only screen and (max-width : 1200px) {
    .scissor-image{
        width: 100%;
       
    }
}  

@media only screen and (max-width : 576px) {
.top-heading {
    padding: 10%;
    padding-bottom: 1% !important;
}
.premium-text {
    padding: 0%;
    padding-bottom: 1% !important;
    font-size: 19px;
    text-align: center;
    line-height:23px;
}
.best-barber {
    color: #FFFFFF;
    line-height: 40px;
    font-size: 17px;
     padding-left: 14px; 
}
.v-100{
    height:10% !important;
}
.content.v-100{
    height:10% !important;
}
.change-my-color1 {
    padding-right: 2px;
}
.change-my-color3 {
    padding-right: 7px;
}
.change-my-color5 {
    padding-right: 19px;
}
.equal-para1{
    padding-left: 0px !important;
}
}

@media only screen and (min-width : 576px) {
.mbl-dot {
   
    width: 40%;
    left: 46%;
    }
}

   @media only screen 
   and (max-width : 920px) {
       .heading-1{
        font-size: 57px !important;
        position: inherit !important;
        Font-family: "Jomolhari", Sans-serif;
        top: 10%;
        padding-top: 17%;
        padding-left: 10px;
       }
    .heading-2{
        font-size: 70px !important;
        position: inherit !important;
        Font-family: "Jomolhari", Sans-serif;
    }
    .dot1 img,
    .dot2 img {
        display:none;
    }

    .bottom-para {
        color: #FFFFFF;
        Font-family: "Poppins", Sans-serif;
        font-size: 16px;
        padding: 10%;    
        text-align:center;
   }
   p.btm-para1{
    Font-family: "Poppins", Sans-serif;
    font-size: 16px;
   }
   img.tlogo {
    top: 50% !important;
    left: 35%;
    width: 80%;
    
    
}
.xlogo{
padding-top:140px;
}
.back{
    display:none;
}

}


 @media only screen and (max-width:768px) {
  .multi-scissor{
        width:308px;
  }
} 
@media only screen and (min-width:2048px){
.heading-1 {
    position: absolute;
    top: 0%;
    width: 90%;
    left: 80px;
}
.dot2 {
    width: 173%;
    margin-top: -40px;
}
img.tlogo {
    top: 39px;
    left: 35%;
    z-index: 1;
    padding-top: 200px;
    width: 100%;
    margin: 0 auto;
}
.heading-1 {
    font-size: 143px;
}
.heading-2 {
    font-size: 179px;
}
.dot-outer-left{
    margin-top: 2px;
    width: 242px;
}
.bottom-para {
    color: #FFFFFF;
    Font-family: "Poppins", Sans-serif;
    margin-top: 10px;
    font-size: 19px;
}
.dot-outer-center{
    width:660px;
}
.dot1 img, .dot2 img {
    max-height: 336px;
    max-width: 147%;
}
.premium-text {
   padding:0px;
   margin:0px;
    line-height: 50.8px;
    font-size:33px;
}
.btm-para1{
font-size: 22px !important;
}
.icon-heading{
    font-size:30px !important;
}
.icon-text-top{
    margin-top: 45px;
}
.style-with{
    font-size:22px;
}
.style-with-major{
    font-size:18px !important;
}
}