/*
Template Name: Food Point
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.carousel-caption{
width:40%;
background:#0000007a;
left:30%; 
bottom:0!important;
text-align:center;
padding:15px!important;
 }
 
.kb_control_left,.kb_control_right{
    top:50%;
    z-index:2;
    opacity:0;
    width:55px;
    height:55px;
    text-align:center;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s
}
.kb_wrapper:hover .kb_control_left,.kb_wrapper:hover .kb_control_right{
    opacity:1;
}
.kb_icons{
    line-height:50px !important;
    font-size:34px!important;
    font-weight:normal!important
}
.kb_control_left{
    left:1%!important
}
.kb_control_right{
    right:1%!important
}
.kb_elastic{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}

.kb_control_left,.kb_control_left:hover,.kb_control_left:active,.kb_control_left:focus,.kb_control_right,.kb_control_right:hover,.kb_control_right:active,.kb_control_right:focus{
    color:#fff;
    background:#b8391a !important;
}  
/*********************center_home_end****************/

/*********************quality****************/
#quality{
padding-top:50px;
padding-bottom:50px; 
 }
#popular{
padding-top:50px;
padding-bottom:50px;
background:#d2a3001c; 
 }
.popular_2 .nav_1 {
margin-bottom: 30px;
text-align:center;
}
.popular_2 .nav_1 li {
display: inline-block;
}
.popular_2 .nav_1 li a {
background: #fff!important;
color: #000!important;
font-size: 16px;
margin-right: 2px;
margin-left: 2px;
border-radius: 3px;
padding: 8px 12px;
display: block;
}
.popular_2 .nav_1 li a:hover {
background: #b8391a!important;
color: #fff!important;
}
.nav_1>li.active>a, .nav_1>li.active>a:hover, .nav_1>li.active>a:focus {
background: #b8391a!important;
color: #fff!important;
}

.shop_1i2 h5{
display:inline-block; 
background:#b8391a;
padding:5px 10px;
color:#fff;
font-weight:100;
 }
.shop_1i{
position:relative; 
 }
.shop_1i2{
position:absolute;
top:0;
width:100%; 
 }
.shop_1i3{
position:absolute;
top:100px;
width:100%;
display:none; 
 }
.shop_1i3 .button:hover{
background:#242424!important;
 }
.shop_1i:hover .shop_1i3{
display:block; 
 }
.shop_1i4 h5 span {
color: #999;
text-decoration: line-through;
margin-right: 10px;
}
.shop_1i4 h6 span {
margin-right: 10px;
}
.shop_1i4 ul li {
display:inline-block;
margin-right:10px;
font-size:22px;
}
.shop_1i4{
background:#fff;
padding:15px; 
 }

.discount_1l{
position:relative; 
 }
.discount_1l2{
position:absolute;
width:100%;
top:0; 
background:#000000d1;
height:100%;
padding:80px 40px 0px 40px;
 }
.discount_1r{
margin-top:30px; 
 }
.popular_3{
margin-top:30px; 
 }
/*********************quality_end****************/

/*********************testm_h****************/
#testm_h{
padding-top:50px;
padding-bottom:50px; 
 }
.testm_hi .span_1{
display:block;
margin-bottom:15px;
font-size:40px; 
 }
#popular_o{
padding-top:50px;
padding-bottom:50px;
background:#d2a3001c; 
 }
.offer_2i {
background: #d2a3001c;
padding: 40px 20px;
margin-top:10px;
}
.offer_2i span {
background: #b8391a;
color: #fff;
width: 80px;
height: 80px;
line-height: 72px;
display: inline-block;
font-size: 30px;
text-align: center;
border-radius: 50%;
border: 3px solid #b8391a;
}
.offer_2i span:hover {
background: none;
color: #b8391a;
}
/*********************testm_h_end****************/

/*********************blog_h****************/
#blog_h{
padding-top:50px;
padding-bottom:50px;
 }
.blog_h1rr h6 span{
margin-left:20px; 
 }
.blog_h1rr h6 i{
margin-right:5px; 
 }
.blog_h1r{
margin-top:20px; 
 }
/*********************blog_h_end****************/

/*********************about_h****************/
#about_h{
padding-top:50px;
padding-bottom:50px;
background: #d2a3001c; 
 }
.about_h_1i {
background: #fff;
padding: 40px 20px 50px 20px;
box-shadow: 0 0 10px #d2a3001c;
}
.about_h_1i .span_1 {
font-size: 60px;
color: #b8391a; 
}
/*********************about_h_end****************/

@media screen and (max-width : 767px){
.center_home{
text-align:center; 
 }
.banner img{
min-height:300px; 
 }
.kb_control_left, .kb_control_right {
top: 20%!important; 
}
.carousel-caption{
left:0!important; 
bottom:0!important;
text-align:center;
position:static;
width:100%;
 }
#quality{
text-align:center; 
 }
.quality_1li {
margin-bottom:15px; 
 }
.popular_2 .nav_1 li{
margin-bottom:8px; 
 }
.shop_1i4 {
text-align:center; 
 }
.shop_1i {
margin-bottom:10px; 
 }
.discount_1l1 img{
min-height:380px; 
 }
.discount_1l {
margin-bottom:10px;
 }
.discount_1l2 {
text-align:center; 
 }
.blog_h1r {
margin-top:15px!important; 
 }
.blog_h1rr {
text-align:center;
margin-top:15px; 
 }
.blog_h1rr h6 span{
margin-left:5px; 
 }
.about_h_1i {
margin-top:10px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.caption.kb_caption.kb_caption_right{
top:0;
 }
.kb_control_left, .kb_control_right{
top:45%!important; 
 }
.center_home img{
min-height:600px; 
 }
.quality_1li img{
min-height:500px; 
 }
.shop_1i1  img{
min-height:240px;  
 }
.discount_1l1 img{
min-height:380px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.kb_control_left, .kb_control_right{
top:45%!important; 
 }
.quality_1li img{
min-height:500px; 
 }
.shop_1i1  img{
min-height:240px;  
 }
.discount_1l1 img{
min-height:380px; 
 }
  }
@media (min-width:1201px) and (max-width:1350px) {

 }