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




@media only screen and (max-width: 1500px) 
{
    .ab-text{
        width: 70%;
        padding: 6% 0% 50% 0%;
    }
}


@media only screen and (max-width: 1400px) 
{
    .brnd-str{
        font-size: calc(3vw + 4vh);
    }
    .brnd-det{
        font-size: calc(1vw + 1vh);
    }

    .anger{
        font-size: calc(3vw + 3vh);
    }
    .badhao{
        font-size: calc(3vw + 4vh);
    }
    .khao{
        font-size: calc(5vw + 6vh);
    }
    
.phonech{
    width: 150px;
}
}



@media only screen and (max-width: 1200px) 
{
    .touch-text h2{
        font-size: calc(4vw + 5vh);
    }
    .touch-text h1{
        font-size: calc(5vw + 9vh);
    }
    .brnd-str{
        font-size: calc(3vw + 3vh);
    }
    .brnd-det{
        font-size: calc(1vw + 0.8vh);
    }
    .brdtext p{
        line-height: 1.2;
    }
    .phonech{
        width: 100px;
    }
    
    .ab-text{
        width: 76%;
        padding: 3% 0% 56% 0%;
    }
    .ab-text p{
        font-size: 1.8vw;
        padding: 0% 12% 0% 12%;
    margin-bottom: 1.2%;
    }
}






@media only screen and (max-width: 1000px) 
{
    .anger{
        font-size: calc(3vw + 2vh);
    }
    .badhao{
        font-size: calc(3vw + 3vh);
    }
    .khao{
        font-size: calc(5vw + 5vh);
    }
    .galleryHolder{
        width:99% !important;
    }

.hhome1, .hstory1, .hpro1, .hbroc1, .hcont1{
    padding: 19% 0% 16% 0%;
}
.ab-text {
    width: 88%;
    padding: 3% 0% 64% 0%;
}
.ab-text h5 {
    margin-bottom: 1%;
        font-size: 2.4vw;
}
    .ab-text p{
        font-size: 2.2vw;
    margin-bottom: 1%;
    }
}



@media only screen and (max-width: 900px) 
{
    .touch-text h2{
        font-size: calc(2vw + 5vh);
    }
    .touch-text h1{
        font-size: calc(3vw + 6vh);
    }
    .brnd-str{
        font-size: calc(2vw + 3vh);
    }
    .brnd-det{
        font-size: calc(1vw + 0.6vh);
    }
.hhome1, .hstory1, .hpro1, .hbroc1, .hcont1{
    padding: 18% 0% 16% 0%;
}
}




@media only screen and (max-width: 800px) 
{
    .tastymonials{
        font-size: calc(4vw + 4vh);
    }
    .test-text{
        font-size: calc(1vw + 0.8vh);
    }
    .brdtext p{
        line-height: 1.2;
    }
    .redbg{
        padding: 0% 0% 28% 0%;
        width: 99%;
    }
    .phonech{
        width: 70px;
    }

.hhome1, .hstory1, .hpro1, .hbroc1, .hcont1{
    padding: 17% 0% 16% 0%;
}

}



@media only screen and (max-width: 700px) 
{
    .brnd-str{
        font-size: calc(2vw + 2vh);
    }
    .brnd-det{
        font-size: calc(0.8vw + 0.6vh);
    }
    .anger{
        font-size: calc(2vw + 2vh);
    }
    .badhao{
        font-size: calc(2vw + 3vh);
    }
    .khao{
        font-size: calc(3vw + 4vh);
    }
    .cmhdr{
        display: none !important;
    }
    .mobile-menu-bar{
        display: block;
    }

    .killi_wrapper {
        padding: 22% 0% 18% 0% !important;
    }

}





@media only screen and (max-width: 600px) 
{
    .touch-text h2{
        font-size: calc(2vw + 3vh);
    }
    .touch-text h1{
        font-size: calc(2vw + 4vh);
    }
    .anger{
        font-size: calc(2vw + 2vh);
    }
    .badhao{
        font-size: calc(2vw + 2vh);
    }
    .khao{
        font-size: calc(3vw + 3vh);
    }
    .tastymonials{
        font-size: calc(4vw + 3vh);
    }
    .test-text{
        font-size: calc(0.8vw + 0.8vh);
    }
    .brdtext p{
        line-height: 1.2;
    }
    .fish-text{
        font-size: calc(1.7vw + 0.2vh);
    }
    .phonech{
        width: 50px;
    }
}





@media only screen and (max-width: 575px) 
{
    .brnd-str{
        font-size: calc(3vw + 3vh);
    }
    .brnd-det{
        font-size: 2.5vw;
    padding: 11% 10% 12% 10%;
    }
    .hb21{
        text-align: center;
    }
    .hb21 img{
        width: 50%;
    }
    .brdtext p{
        line-height: 1.2;
        font-size: 3vw;
    }
    .redbg{
        margin: auto;
    }
	.prdctctgry {
    width: 90%;
    margin: auto;
}
    
.ab-text {
    width: 98%;
    padding: 3% 0% 71% 0%;
}
.ab-text h5 {
    margin-bottom: 1%;
        font-size: 2.6vw;
}
    .ab-text p{
        font-size: 2.4vw;
    margin-bottom: 1%;
    }
    .footchat {
    width: 7%;
}
}






@media only screen and (max-width: 470px) 
{
    .brnd-str{
        font-size: calc(2vw + 3vh);
    }
    .hb21{
        text-align: center;
    }
    .tastymonials{
        font-size: calc(4vw + 3vh);
    }
    .test-text{
        font-size: calc(0.7vw + 0.7vh);
    }
    .killi_wrapper {
        padding: 30% 0% 18% 0% !important;
    }
    .fish-text{
        font-size: calc(1.98vw + 0.1vh);
    }
    .footchat {
    width: 8.5%;
}
}

@media only screen and (max-width: 380px) 
{
    .con-txt h1{
        font-size: 70px;
    }
    .brnd-str{
        font-size: calc(2vw + 3vh);
    }
    .anger{
        font-size: calc(2vw + 1.5vh);
    }
    .badhao{
        font-size: calc(2vw + 1.5vh);
    }
    .khao{
        font-size: calc(3vw + 2vh);
    }
    .tastymonials{
        font-size: calc(3vw + 3vh);
    }
    .test-text{
        font-size: calc(0.6vw + 0.6vh);
    }
    .brdtext p{
        line-height: 1.2;
    }
    .killi_wrapper {
        padding: 64% 0% 0% 0% !important;
    }
}