@media (min-width: 768px) and (max-width: 990px) {
}
@media (min-width: 1024px){
   /* .containerFull{
    max-width:100%;
    padding:0 30px;
   } */
}
@media (max-width: 1540px){
    .containerFull{
        padding: 0 30px;
        width: 100%;
        max-width: 1460px;
    }
}
@media (max-width: 767px) {
    .containerFull{
        padding: 0 15px;
        width: 100%;
        max-width: 100%;
    }
    .centerLogo{
        width:170px;
    }
    .offcanvas-header .leftLogo {
        width: 135px;
    }

    .offcanvas-header .leftLogo img {
        width: 100%;
        height: 100%;
    }
    .innerMenu ul li a {
    color: #222;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 10px;
    }
    .innerMenu ul li ul li a {
        padding-left: 25px;
        font-size: 15px;
        color: #333;
    }
    .innerMenu ul li a i{
        font-size: 13px;
    }
    .followUs {
        margin-top: 20px;
        padding-bottom: 10px;
        border-top: 1px solid #e0e0e0;
        padding-top: 30px;
        padding-left: 15px;
    }
    .followUs ul {
        display: flex;
        margin-top: 10px;
    }
    .innerMenu ul li ul {
        display: none;
    }
    .innerMenu ul li ul.active {
        display: block;
    }
    .followUs ul li a {
        display: inline-block;
        padding: 8px 10px;
        font-size: 20px;
        color: #333;
    }
    .btnMenu{
      border:none;
      background: none;
      font-size: 1.5rem;
    }
    .leftBannerImg{
        height:450px;
    }
    .heroSection{
        height:auto;
        padding-top:100px;
    }
    section{
        padding:40px 0 40px;
    }
    .carousel-indicators{
        display:none;
    }
    .rightAbout{
        padding:0;
    }
    .icon{
        width: 50px;
        height: 50px;
    }
    .sectionBg::before{
        background:none;
    }
    .secondImg{
        display:none;
    }
    .inlineCrafting{
        flex-wrap:wrap;
    }
    .leftImg, .leftWhy ul li, .rightBanner ul li, .rightCrafting2, .heroSection:before, .leftTop:before, .leftTop2:before{
        width:100%;
    }
    .inlineCrafting{
        padding:0 15px;
    }
    .rightCrafting{
        width:100%;
        padding:0;
    }
    .btnTheme{
        font-size:14px;
    }
    .itemCrafting{
        padding:15px;
    }
    .borderBox2 a{
        font-size: 20px;
        line-height: 28px;
    }
    .borderBox{
        width: calc(100% - 3rem);
        height: 56%;
        bottom: 12%;
    }
    .listWrapper ul{
        grid-template-columns: repeat(1, 1fr);
         place-items: center;
    }
    .translateY{
        transform: translateY(0);
    }
    .listWrapper{
        height:auto;
    }
    .listWrapper ul li{
        padding:15px
    }
    .wrapperImg img{
        height:calc(100vh + 42vh);
    }
    .leftService .img1, .leftService .img2{
        width:48%;
    }
    .leftService .img1 img, .leftService .img2 img{
            height: 35vh;
    }
    .leftService{
        gap:.5rem
    }
    .rightCrafting2{
        padding:0;
    }
    .heroSection:before{
        left:0%;
    }
    .innerStep{
        height:470px;
    }
    .footerLogo{
        width:130px;
    }
    .footer{
        padding:50px 0;
    }
    .footerItem{
        margin-top:30px;
    }
    /*.copyRight{*/
    /*    font-size:;*/
    /*}*/
    .footerItem ul li a{
        font-size:16px;
    }
    .newsletter .form-control{
        border-radius:0px;
    }
    .go-top{
        width:45px;
        height:45px;
        right: 10px;
    }
    .textLight{
        font-size: 14px;
    }
    .leftWhy ul{
        gap:.2rem
    }
}
@media (min-width:1600px){
    .rightBanner{
        padding-left: 2.5rem;
    }
    .translateY{
        transform: translateY(29%);
        -webkit-transform: translateY(29%);
        -moz-transform: translateY(29%);
        -ms-transform: translateY(29%);
        -o-transform: translateY(29%);
}
}