@media only screen and (min-width: 1900px) {
p{
font-size: 20px;
line-height: 28px;
}
.xl-title{
font-size: 44px;
line-height: 60px;
}
.padding-t-b {
padding: 70px 0px 96px 0px;
}
.btn-white{
font-size: 16px;
line-height: 19px;
padding: 15px 25px;
}
.top-social-link img {
width: 25px;
}
.top-social-link li:nth-of-type(2) img {
width: 28px;
}
.top-social-link {
margin-top: 30px;
}
.swiper-button-prev, .swiper-button-next{
width: 40px;
height: 40px;
}
.swiper-button-next{
background-position: 57%, center;
right: calc(50% - 45px);
}
.swiper-button-prev{
background-position: 45%, center;
left: calc(50% - 45px);
}
.brand-area{
width: 115px;
} .expermentSlider {
padding-top: 50px;
}
.heart-icon {
width: 130px;
}
.product-title-box{
font-size: 32px;
line-height: 39px;
padding: 14px 5px;
min-width: 260px;
}
.star-rating ul li img {
width: 14px;
}
.star-rating ul li{
font-size: 16px;
line-height: 19px;
}
.star-rating ul{
width: 150px;
}
.star-bottom-img {
width: 80px;
}
.star-rating ul:before {
left: -31px;
width: 29px;
height: 29px;
}
.star-rating ul:before {
right: -31px;
width: 29px;
height: 29px;
}
.star-rating{
margin-top: 5px;
}
.slide-item-expermient {
padding-top: 106px;
}
.top-box-experiment{
top: -106px;
}
.product-img {
margin-top: -109px;
}
.experment-product-box {
padding: 30px;
padding-top: 0px;
}
.expermentSlider .swiper-wrapper {
padding-bottom: 110px;
}
.why-content-box p{
font-size: 22px;
line-height: 33px;
}
.heading-box-new {
margin-bottom: 65px;
}
.culinary{
padding-top: 110px;
}
.product-title-world{
font-size: 26px;
line-height: 29px;
padding: 30px 0px;
}
.product-link-box img {
width: 120px;
}
.facebox-logo .link-web {
top: -9px;
}
.variount-box{
font-size: 24px;
padding: 15px 10px;
width: 92px;
}
.experment .xl-title {
font-size: 74px;
line-height: 84px;
}
.title-new{
font-size: 46px;
line-height: 56px;
}
.sticky-btn{
transform: translate(95px, -50%) rotate(89deg);
}
}
@media only screen and (max-width: 1400px) {
.xl-title {
font-size: 30px;
line-height: 45px;
}
p {
font-size: 14px;
line-height: 20px;
}
.padding-t-b {
padding: 50px 0px 70px 0px;
} .expermentSlider .swiper-wrapper {
padding-bottom: 70px;
}
.heart-icon {
width: 80px;
}
.product-title-box{
font-size: 19px;
line-height: 24px;
}
.star-rating ul li img {
width: 9px;
}
.star-rating ul li{
width: 11px;
padding: 4px 1px;
}
.star-bottom-img {
width: 50px;
}
.star-rating ul:before{
left: -20px;
width: 17px;
height: 17px;
}
.star-rating ul:after{
right: -20px;
width: 17px;
height: 17px;
}
.top-box-experiment{
top: -70px;
}
.slide-item-expermient {
padding-top: 70px;
}
.product-img {
margin-top: -72px;
}
.culinary {
padding-top: 70px;
}
.product-title-world{
font-size: 18px;
line-height: 24px;
}
.product-link-box img {
width: 74px;
}
.product-title-box span{
font-size: 18px;
}
.experment .xl-title{
font-size: 48px;
line-height: 50px;
}
.title-new{
font-size: 28px;
}
}
@media only screen and (max-width: 1299px) {
.brand-area{
width: 62px;
}
.xl-title {
font-size: 25px;
line-height: 39px;
}
.btn-white{
padding: 12px 22px;
}
.top-content{
left: 5%;
right: 5%;
}
.container{
max-width: 96%;
} .heart-icon {
width: 62px;
}
.product-title-box {
font-size: 16px;
line-height: 20px;
padding: 11px 5px;
}
.experment-product-box{
padding: 15px;
}
.why-image-box {
margin-left: 0px;
}
}
@media only screen and (max-width: 1199px){
.culinary .heading-box{
margin-bottom: 15px;
}
}
@media only screen and (max-width: 1024px){
.brand-area {
width: 50px;
}
}
@media only screen and (max-width: 991px){
.top-section-row{
flex-wrap: wrap;
}
.colm-top-left, .colm-right-top {
width: 100%;
padding: 0px;
}
.heading-box2 {
width: 100%;
}
.why-inner-wraper .col-sm-6{
width: 100%;
}
.why-image-box{
margin-top: 30px;
}
.culinary .col-sm-6{
width: 100%;
}
.culinary-right{
margin-top: 60px;
}
.image-top-bg{
height: 500px;
}
#parentSwiperSection .swiper-button-next:after, #parentSwiperSection .swiper-button-prev:after{
color: #fff !important;
}
}
@media only screen and (max-width: 767px){
col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{width: 100%;padding: 0px;}
.container {
max-width: 100%;
}
.heading-box-new {
margin-bottom: 30px;
}
.row{
margin: 0px;
}
.padding-t-b {
padding: 25px 0px 50px 0px;
}
.expermentSlider {
padding-top: 25px;
}
.why-content-box{
text-align: center;
padding: 20px 15px;
}
.why-icon-img{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.why-content p {
margin-top: 15px;
}
}
@media only screen and (max-width: 700px){
.experment-inner-wraper .container{
padding: 0px;
}
.experment-inner-wraper .swiper-button-next,  .experment-inner-wraper .swiper-button-prev{
display: none;
}
.expermentSlider .swiper-wrapper {
padding-bottom: 0px;
}
.expermentSlider {
padding-top: 15px;
}
.heading-box2{
padding: 0px 15px;
}
.play-icon, .play-icon-2{
width: 44px;
}
.culinary-slider{
width: 100%;
}
.culinary .heading-box {
margin-bottom: 30px;
}
.culinary-right {
margin-top: 30px;
}
.the-world .heading-box2 {
width: 100%;
}
.world-slider .swiper-wrapper {
padding-bottom: 30px;
}
.product-title-box span{
font-size: 26px;
line-height: 29px;
}
.product-title-box span {
font-size: 18px;
line-height: 24px;
}
.experment .heading-box{
margin-top: 75px;
}
}
@media only screen and (max-width: 479px){
.sticky-btn {
top: auto;
bottom: 0px;
z-index: 999999999;
left: 50%;
width: 196px;
right: auto;
text-align: center;
transform: translate(-50%, 0%) rotate(0deg);
}
.sticky-btn .btn-white{
border: 1px solid #fff;
}
footer {
padding-bottom: 65px;
}
.xl-title{
font-size: 19px;
line-height: 30px;
font-weight: bold;
}
.experment .xl-title {
font-size: 25px;
line-height: 27px;
}
.title-new {
font-size: 20px;
}
.experment .heading-box .bold-text{
margin-top: 15px;
}
.experment .heading-box br{
display: none;
}
.image-top-bg{
height: 400px;
object-fit: cover;
}
.top-content {
left: 15px;
right: 15px;
}
.product-title-world{min-height: 70px;padding: 0px;padding-top: 10px;}
.world-slider .swiper-wrapper {padding-bottom: 50px;}
}
@media only screen and (max-width: 339px){
.xl-title{
font-size: 16px;
line-height: 30px;
}
}