@media only screen and (max-width: 767px){
    .bgInner {
        padding: 70px 0;
        background-size: 100%;
        background-attachment: scroll;
    }
    .rightAbout2 {
        padding: 20px 10px;
        position: static;
        box-shadow: none;
        border: none;
        margin-top:20px;
    }
    .aboutLeft img{
        height:auto;
    }
    .topHeader{
        display: none;
    }
    .brand{
        height:150px;
    }
    .rightMenu ul{
        display: block;
    }
    .brandSlider .slick-list {
        padding: 0px !important;
    }
    .leftBrand>img {
        max-width:180px;
    }
    .rightImg {
        margin-top:20px;
    }
    .itemBrandSlider h4{
        font-size:20px;
    }
    .brandSlider{
        width:calc(100% - 48vw);
    }
    .rightBrandText{
        padding:0px;
        margin-top:20px;
    }
    .containerFull{
        padding: 0 15px;
    }
    .leftLogo{
        width: 80px;
    }
    .leftLogo2{
        width: 120px;
    }
    .sticky .leftLogo{
        width: 70px;
    }
    .sticky .leftLogo2{
        width:110px;
    }
    .btnMenu{
        background: none;
        border:none;
        font-size: 18px;
    }
    .mobileMenu{
        position: fixed;
        top: 0px;
        left: -100%;
        z-index: 9;
        transition: all 0.3s ease-in-out;
        width: 300px;
        height: 100%;
        background: #fff;
        padding:10px;
    }
    .mobileMenu.active{
        left: 0px;
    }
    .mobileMenu ul li a{
        color: #333;
        font-size: 16px;
        display: block;
        padding:8px 10px;
    }
    .mobileMenu ul li ul{
        display: none;
        margin-left: 15px;
    }
    .mobileMenu ul li.active ul{
        display: block;
    }
    .mobileMenu ul li a i{
        font-size: 12px;
        margin: 7px 0 0 0;
        float: right;
    }
    .mobileMenu ul li a:hover{
        color: var(--secondary-color);
    }
    .productSfe2Shine h3 span:after, .bgSlider:after, .greyBg:before{
        display: none;
    }
    .rightAbout{
        padding: 0px;
        margin-top: 20px;
    }
    .bgSlider{
        height: auto;
    }
    .centerCall h4{
        line-height: 50px;
    }
    .large_heading{
        font-size: 40px;
        line-height: 30px;
    }
    .centerCall ul{
        display: block;
    }
    .centerCall ul li{
        width: 100%;
    }
    .itemCertificate{
        margin-bottom: 20px;
    }
    .salonActivity{
        margin-bottom: 30px;
    }
    .bgLeft:before{
        transform: skew(0);
        height: 80vh;
        width: 106%;
    }
    .footerInline{
        display: block;
        text-align: center;
    }
    .innerPage {
        height: 122px;
    }
    .heading2{
        font-size: 45px;
    }
    .heading{
        font-size: 43px;
        line-height: 40px;
    }
    .itemUse{
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }
    .sub_heading{
        font-size: 30px;
    }
    .productSfe2Shine .small_heading{
        font-size: 20px;
    }
    .headingBase{
        font-size: 50px;
        line-height: 50px;
    }
    .rightProduct ul li, .rightAbout ul li{
        font-size: 15px;
    }
    .itemSlider img{
        margin-top: 10px;
    }
    .actionCall{
        height: auto;
    }
    .listContact li{
        font-size: 15px;
    }
    .footerInline p a{
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .leftLogo2{
        width:150px;
    }
    .leftLogo{
        width:100px;
    }
    .rightMenu ul li a{
        padding:10px 10px;
        font-size:14px;
    }
    .containerFull{
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px;
	}
	.rightAbout{
	    padding-left:0px;
	}
	.aboutLeft img{
        height:auto;
    }
    .containerFull{
		max-width: 100%;
		margin: 0 auto;
		padding: 0 30px;
	}
	.rightAbout{
	    margin-top:30px;
	}
    
}
@media (min-width: 993px) and (max-width: 1280px){
    .aboutLeft img{
        height:auto;
    }
    .containerFull{
		max-width: 100%;
		margin: 0 auto;
		padding: 0 30px;
	}
	.rightAbout{
	    margin-top:30px;
	}
}
@media (min-width: 1280px){
	.containerFull{
		max-width: 100%;
		margin: 0 auto;
		padding: 0 70px;
	}
}
@media (min-width: 1600px){
	.containerFull{
		max-width: 1366px;
		margin: 0 auto;
	}
}
@media (min-width: 1200px){
    .container{
        max-width: 1170px;
    }
}