img{max-width: 100%;}
.wbSkNav{justify-content: space-between;display: flex;width:100%}
.wbSkNav li{font-size:20px;font-weight:bold;color:#000;cursor:pointer;margin:0 15px;line-height:38px}
.wbSkNav .wbCurs{border-bottom:2px solid #21409a}

.wbSkPros{overflow: hidden;margin: 50px 0 40px;}
.wbSkPros .pros{text-align: center;height: auto;justify-content: space-between;display: flex;overflow: hidden;padding:10px 0}
.pros a{display:inline-block;width:24%;margin:0;padding:0;transition:0.5s}
.pros a img{max-width:100%}
.pros a:hover{transform: translateY(-10px);}
.pros a span{display:block;width:100%;font-size:18px;font-weight:bold;color:#000;height:36px;line-height:36px;overflow: hidden;}
.pros a:last-child{margin-right:0}

.wbDots{width:100%;text-align:center}
.wbDots li{width:8px;height:8px;display:inline-block;border-radius:4px;background-color:#bfbfbf;margin:0 2px}
.wbDots .wbCurs{background-color:#21409a}

.wbLocal{height:60px;line-height:60px;display:none}
.wbLocal a,.wbLocal span{color:#333;font-size:16px;letter-spacing:1px}
.wbLocal code{color:#333;font-size:16px;margin:0 5px}
.wbLocal a:hover{color:#000}
.proDesc{background-color:#21409a;padding:60px 20px}

.wbLocal .fa-home{font-size: 18px;padding-right: 6px;}


.wbNos{padding:50px;color:#21409a;font-size:46px;text-align:center}
@media only screen and (max-width: 982px) {
	.section_padding_2{padding: 54px 0 60px;}
	.chopcafe_title{margin-bottom: 40px}
    .wbSkNav,.wbDots{display:none}
	.wbSkPros .pros{height:auto;}
	.wbSkPros{margin:0px 0 20px}
	.pros a{margin-right:2%;width:49%;float: left;}
	.pros a span{display:block;width:100%;font-size:14px;font-weight:normal;color:#000;height:36px;line-height:36px;}
	.chopcafe_about_4{padding: 40px 0 20px;}
	
	.about_text{padding:15px 0;}
	.about_text p{font-size:14px;}
	
	.footer_widget_1{padding: 20px 0 10px;}

	.flogo{text-align:center}
	
	.wbNos{color:#21409a;font-size:16px;text-align:center;padding:0}
}
.chopcafe_btn:hover{color:#FFF}
#pages{margin-top:30px}
#pages a{border:1px solid #e4e4e4;padding:8px 18px;color:#333;}
#pages a:hover{color:#21409a}
#pages span{background-color:#21409a;padding:8px 18px;color:#FFF}

.discription p{margin-bottom:15px}
#product_discription img{max-width:100%;height:auto !important}
.discription img{max-width:100%;height:auto !important}

.wbBtns{
    position: relative;
    display: inline-block;
    padding: 12px 25px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #21409a;
    z-index: 1;
    outline: none;
    transition: all .5s;
}
.wbBtns:after,
.wbBtns:before{
	position: absolute;
	content: '';
	top: 0;
	width: 0;
	height: 50px;
	z-index: -1;
	transition: all .3s;
	background-color: #010a19;
}
.wbBtns:after{
	right: 0;
}
.wbBtns:before{
	left: 0;
}
.wbBtns:hover:after,
.wbBtns:hover:before{
	width: 52%;
}
.wbBtns .submit{background: transparent;color: #FFF;}

#sidebar{width: 24%;float: left;}
.widget .widget-title {position: relative;overflow: hidden;margin-bottom: 15px;line-height: 20px;border: none;font-family: Oswald;font-size: 16px;font-weight: 400;}
.widget-title::after {background: #21409a;content: "";margin-left: 15px;height: 4px;position: absolute;top: 50%;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.widget .menu-services-menu-container ul li a {background: #e3edfb;display: block;padding: 10px 12px;color: #222;font-family: Arimo;}
.widget .menu-services-menu-container ul li ul li a{background: #f3f6fa;}
.widget_nav_menu li {margin: 5px 0;}
.widget .menu-services-menu-container ul li a:hover,.widget .menu-services-menu-container ul li.current-menu-item a{background-color: #21409a;color:#FFF}
.rico {float: right;font-weight: normal;font-size: 16px;}
.rico1{margin-right:15px}
.collapse.in {
    display: block;
}
.widget_nav_menu li a{
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    color: inherit;
}

.pros{float:left}
#primary{float:right;width: 73%;}

@media only screen and (max-width: 992px) {
	#primary,#sidebar{width:100%}
}

.pros{float:left}
#primary{float:right;width: 73%;}

@media only screen and (max-width: 992px) {
	#primary,#sidebar{width:100%}
}

.prots{font-size:18px;line-height:normal}

.wbsmall .img{text-align:center;cursor:pointer}
.wbsmall{margin:20px 0 20px;display: flex;}
.wbsmall .img img{border:1px solid #EEE;width:100%}

.gallery_box{position:relative}
.gallery_cr{padding: 30px;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 30px 0px rgba(65, 65, 65, 0.15);margin-bottom: 30px;}
.gallery_cr img{width:100%}

.pic5 .img{width:18%;margin-right:2.5%}
.pic5 .img:nth-child(5){margin-right:0}

.wbBtn{margin-top:34px}
.wbSelect{width:200px;max-width:100%;margin-top:20px}
.btns2{margin-left:4px;background-color:#ff9b22}

.slick-initialized .slick-slide{overflow: hidden;}

.bgcolor{background-color: #21409a !important;color: #FFF !important;}

.proDesc1{background-color: #FFF;padding: 60px 20px;}


.tab-content table{border-top: 1px solid #DDD;border-left: 1px solid #DDD;font-size: 14px;max-width:100% !important;}
.tab-content td{border-bottom: 1px solid #DDD;border-right: 1px solid #DDD;padding:10px 15px}
.tab-content table p,.tab-content table strong{margin:0}

.wbFl{float:left}
.rys{transform: rotateY(180deg);}
.brand_logo img{width:120px}
.chopcafe_menu .main_menu ul li .arrow::after {
    display: inline-block;
    margin-left: .55em;
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 900;
}

.chopcafe_menu .main_menu ul li .arrow1::after {
    position: absolute;
    right: 15px;
    transform: rotate(-90deg);
    top: 5px;
    display: inline-block;
    margin-left: .55em;
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 900;
}
.chopcafe_menu .main_menu ul li.search_icon{float: right;margin-right:0}
.chopcafe_menu .main_menu ul li.cart_icon{margin-left: 25px;float: right;margin-right:0}

.titles{display:flex;text-align:center;align-items: center;justify-content: center;}
.titles h1{font-size:40px;font-weight:500;display: inline-block;margin: 0 20px;height:70px;line-height:76px;letter-spacing: 1px;}


.chopcafe_menu .wbPros{margin-bottom:20px;display:block;border: 1px solid #EEE;}
.chopcafe_menu .wbPros .wbImg{overflow:hidden}
.chopcafe_menu .wbPros img{transition:0.5s;width:100%}
.chopcafe_menu .wbPros:hover img{transform: scale(1.1);}
.chopcafe_menu .wbTitle{color:#FFF;width:100%;height:70px;line-height:70px;font-size:16px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background-color:#21409a;padding: 0 10px;}

.about_text .ovas{}
.about_text p{font-size:15px;margin-bottom:15px;color:#FFF}
.chopcafe_about_1 .about_video_box img{transition:0.5s}
.chopcafe_about_1 .about_video_box a:hover img{transform:scale(1.1)}

.chopcafe_about_1 .chopcafe_content_box .about_text a.chopcafe_btn {padding: 7px 22px;font-size: 14px;margin-top:8px}
.chopcafe_btn::after, .chopcafe_btn::before{height: 100%;}

.titles.wrs h1{color:#FFF}

.about1 h1{margin-bottom:40px}
.about1 h2{margin-bottom:30px}
.about1 h3{margin-bottom:20px}
.about1{font-size: 18px;letter-spacing: 0.4px;line-height: 1.8em;color: #000;}

.newLists .chopcafe_img,.chopcafe_grid_shop.newLists .grid_item{border:none}
.chopcafe_grid_shop.newLists .grid_item{margin-bottom:30px}
.newLists .food_grid_box:hover{box-shadow: unset;}
.newLists .chopcafe_img{border:1px solid #ddd;border-radius: 15px;overflow: hidden;}
.newLists .chopcafe_img img{transition:0.5s}
.chopcafe_grid_shop.newLists .grid_item:hover img{transform:scale(1.1)}

.chopcafe_grid_shop.newLists .grid_inner_item .chopcafe_info h3{font-size:18px;text-align:left}
.chopcafe_grid_shop.newLists .grid_inner_item .chopcafe_info{text-align:left;padding: 10px 5px 0px;}
.newLists .pds{padding:0 15px}

.newShow .wbTitle h1{font-size:32px;text-align:center;margin-bottom: 5px;line-height: normal;}
.newShow .wbPost{display:flex;justify-content: center;}
.newShow .wbPost div{margin:0 15px;}
.showContent{margin:30px 0}
.showContent img{max-width:100%}
.flogo img{max-width:100%}

.navBgs img{width:100%}

.share ul,.share li{list-style-type:none}
.share a{text-decoration:none;}
.share{position:fixed;right:0px;top:100px;width:70px;text-align:right;z-index:99999;display:none}
.share li{height:50px;overflow:hidden}
.share a{display:inline-block;width:50px;height:50px;line-height:50px;color:#FFF;text-align:center;transition:0.5s}

.facebook a{background-color:#3b5998}
.linkedin a{background-color:#0077b5}
.twitter a{background-color:#55acee}
.google a{background-color:#dc4e41}
.youtube a{background-color:#e50d20}
.instagram a{background-color:#6939b3}

.share a:hover{width:60px;}

.header-widget-main {float: right;}
.header-widget-main .header-widget {float: left;padding-left: 10px;}
.header-widget .header-icon {float: left;width: 45px;height: 45px;background-color: #f4f6f9;text-align: center;border: 1px solid #eaecf2;line-height: 45px;color: #07294d;font-size: 18px;}
.header-widget .header-content {float: left;padding-left: 8px;}
.header-widget .header-content h3 {font-size: 18px;font-weight: 500;line-height: 23px;color: #131d3b;margin: 0;font-family: Rubik,sans-serif;}
.header-widget .header-content h5 {font-size: 14px;font-weight: 400;color: #666;line-height: 23px;margin: 0;}
.header-contact{margin-top:20px}
.header-widget a:hover h3{color:#356bcf}


.chopcafe_menu .main_menu ul li.active > a{color:#21409a}

.mts{margin-top:24px}

.chopcafe_menu .main_menu ul li.cart_icon a,.chopcafe_menu .main_menu ul li.search_icon a{font-size:20px}
.cars{position:relative}
.cars .totals{display:inline-block;width:20px;height:20px;border-radius:10px;line-height:20px;text-align:center;overflow:hidden;font-size:12px;color:#FFF;background-color:#ff9b22;position:absolute;top: 2px;right: -13px;z-index: 10;}
.cars i{position:relative;z-index:9}


.succ{font-size: 14px;background: #0000009e;color: #FFF;border-radius: 8px;display: inline-block;width: 230px;text-align: center;height: 42px;line-height: 42px;position: fixed;top: 50%;left: 50%;margin-top: -21px;margin-left: -115px;display:none}

.mb60{margin:60px 0;}
.tabs li{border: 1px solid #ddd;margin-top: -1px;display:flex;display: -ms-flexbox;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.tabs li.ths{font-weight:600}

.sp1{width:8%;padding:15px;border-right: 1px solid #ddd;}
.sp2{width:40%;padding:15px;border-right: 1px solid #ddd;justify-content: center;align-items: center;display: flex;}
.sp3{width:17%;padding:15px;border-right: 1px solid #ddd;justify-content: center;align-items: center;display: flex;}
.sp4{width:20%;padding:15px;border-right: 1px solid #ddd;justify-content: center;align-items: center;display: flex;}
.sp5{width:15%;padding:15px;justify-content: center;align-items: center;display: flex;}

.wbform{margin-top:30px;}
.wbform .form_group1{margin-bottom:30px;}
.wbform .form_group1 textarea{height: 226px;display: inherit;padding: 13px 20px;}

.product_details_area h3.product_title1{font-size: 16px;margin-bottom: 20px;}

.shareLink ul{display: flex;flex-wrap: wrap;}
.shareLink ul li a{padding:0 10px;color:#FFF;font-size:16px}
.widget_contact .ts{color:#FFF;font-size:16px;margin-bottom:12px;padding-left: 10px;}
.mt16{margin-top:20px}

.wbPays{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;}
.wbPays .widget_title{margin-right: 8px;}
.wbPays .widget_title h4{color:#FFF;font-size: 16px;}
.wbPays .widget_title p{color:#FFF;font-size: 12px;}
.wbPays .payment_method a{margin-left:10px}

.wbtitles{margin-bottom:20px}
.wbtitles h1{font-size: 24px;color: #21409a;line-height: normal;font-weight: 600;margin-bottom:10px}
.wbtitles p{font-size:16px;color: #333}
.wbChecks{float: left;margin-top: 7px;margin-right: 7px;}

.wbCode{width:200px}
.wbform1{margin-top:20px}
.wbform1 .form_group {margin-bottom: 18px;}
.wbform1 textarea {height: 226px;}
.wdCart{width:1000px;max-width:100%;margin-left:auto;margin-right:auto}

.wbwps{position:fixed;bottom:20px;right:20px}
.mb{display:none}

.about_video_box video{max-width:100%}

.mts40{margin-top:40px}
.smallTs{height:60px;width:100%;background:url(../images/bts.jpg) no-repeat;margin-bottom: 30px;}
.smallTs h2{line-height:60px;font-size:22px;color:#FFF;background:url(../images/jts.png) center right no-repeat;padding:0 24px 0 18px;display: inline-block;font-weight: 600;}


@media only screen and (min-width: 992px) and (max-width : 1200px) {
	.chopcafe_menu .main_menu ul li{margin-right:20px}
	.section_padding_2{padding: 80px 0 60px;}
	.chopcafe_about_1{padding: 40px 0;}
	.chopcafe_title{margin-bottom: 40px;}
	
	.header-widget .header-content h5{font-size:12px}
	.header-widget-main .header-widget{padding-left: 1px;}
	.header-widget .header-content{padding-left: 1px;}
}
@media only screen and (min-width: 768px) and (max-width : 991px) {
	.chopcafe_menu .main_menu ul li{margin-right:16px}
	.chopcafe_menu .main_menu ul li > a{font-size:12px}
	.chopcafe_menu .main_menu ul li.search_icon{margin-left: 4px;}
	.chopcafe_menu .main_menu ul li > ul.sub_menu li > a{font-size:12px}
	
	.section_padding_2{padding: 60px 0 40px;}	
	.titles h1{font-size:20px;height:50px;line-height:50px;margin: 0 10px;}
	.titles img{height:50px}
	.chopcafe_menu .wbTitle{height:50px;line-height:50px;}
	.chopcafe_title{margin-bottom: 30px;}
	.chopcafe_about_1{padding: 40px 0;}
	
	.header-widget-main .header-widget{padding-left:24px}
	.header_second_bar .header-logo{text-align:center}
	
	.tabs li.ths{font-size:12px}
	.tabs li.tds{font-size:12px;line-height:18px}
	.sp1{width:8%;padding:5px;}
	.sp2{width:39%;padding:5px;}
	.sp3{width:15%;padding:5px;}
	.sp4{width:25%;padding:5px;}
	.sp5{width:13%;padding:5px;}
	.product_details_area form .sp4 .nice-number button{width: 30px;height: 30px;font-size:12px}
	.product_details_area form .sp4 .wbNums{width: 60px !important;height: 28px;font-size:12px}
	
	
}
@media only screen and (max-width: 767px)  {
	.section_padding_2{padding: 30px 0 20px;}
	.titles h1{font-size:14px;height:26px;line-height:26px;margin: 0 4px;letter-spacing:0px}
	.titles img{height:26px}
	.chopcafe_title{margin-bottom: 20px;}
	.chopcafe_menu .wbTitle{height:40px;line-height:40px;font-size:12px}
	.chopcafe_about_1{padding: 30px 0;}
	
	.chopcafe_grid_shop .grid_inner_item .chopcafe_info{padding: 10px;}
	.chopcafe_grid_shop .grid_inner_item .chopcafe_info h3{font-size:12px}
	.popular_item_slide .grid_item .chopcafe_info h3{font-size:10px}
	
	.wbLocal{height: 40px;line-height:40px}
	.wbLocal a, .wbLocal span{font-size:14px}
	.newShow .wbTitle h1{font-size: 16px;}
	.nextPrev,.wbPost{font-size:12px}
	.showContent{margin:20px 0}
	.chopcafe_footer{padding-top:10px;padding-bottom: 60px;}
	.footer_widget_box{margin-bottom: 30px;}
	footer .wbFl:last-child .footer_widget_box{margin-bottom: 10px;}
	.copyright_text p{font-size:12px}
	.wbPays{justify-content: center;margin-top: 10px;}
	.wbPays .widget_title h4{font-size: 14px;}
	
	.about1{font-size:12px}
	h3{font-size:18px}
	.chopcafe_contact_1 .contact_information_area{margin-bottom:30px}
	.section_padding{padding:30px 0}
	
	.form_control{height: 30px;padding: 10px;font-size: 12px;}
	.chopcafe_contact .chopcafe_form .form_group{margin-bottom: 10px;}
	.chopcafe_contact .chopcafe_form textarea{height:120px}
	textarea.form_control{padding: 10px;}
	
	h1{font-size: 18px;line-height: normal;}
	.about1 h1{margin-bottom:20px}
	#primary{margin-top:30px}
	.chopcafe_grid_shop .grid_item{margin-bottom: 20px;}
	.wbLogo{display:none}
	
	.section_padding5{padding-top: 30px;}
	.proDesc1{padding: 30px 20px;}
	
	.share{bottom:0px;top:auto;right:auto;width:100%;}
	.share ul{display:flex}
	.share li{width:20%}
	.share a{width:100%}
	.share a:hover{width:100%;}
	
	.header_top_bar{display:none}
	.header_second_bar{display:none}
	.header_area.sticky{background-color:#21409a}
	
	.share{display:block}
	
	.tabs li.ths{display:none;font-size:12px}
	.tabs li.tds{margin-bottom:20px;font-size:12px;line-height:18px}

	.sp1{width:40%;padding:8px;border-bottom: 1px solid #ddd;}
	.sp2{width:60%;padding:8px;border-bottom: 1px solid #ddd;}
	.sp3{width:40%;padding:15px;border-bottom: 1px solid #ddd;}
	.sp4{width:60%;padding:15px;border-bottom: 1px solid #ddd;}
	.sp5{width:100%;padding:10px;background-color:#21409a;}
	.sp5 a{color:#FFF}
	.product_details_area form .sp4 .nice-number button{width: 40px;height: 40px;font-size:12px}
	.product_details_area form .sp4 .wbNums{width: 60px !important;height: 38px;font-size:12px}
	
	.chopcafe_shop_details .chopcafe_btn{font-size:12px;padding: 8px 12px;}
	
	.wbwps{bottom:54px;right:10px}
	.pc{display:none}
	.mb{display:block}

	.mts40{margin-top:10px}
	.smallTs{height:40px;width:100%;background:url(../images/bts.jpg) no-repeat;margin-bottom: 20px;}
	.smallTs h2{line-height:40px;font-size:16px;color:#FFF;background:url(../images/jts.png) center right no-repeat;padding:0 16px 0 12px;display: inline-block;font-weight: 600;background-size: 8px auto;}
}