/*Ipad/Tablets*/
@media (max-width: 1024px) {
.portfolio-item .icons .preview{ top:40%; right:40%;}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -35px;
  }
  #carousel-area .item .carousel-caption {
    top: 40%;
  }
  #carousel-area .item .carousel-caption h1 {
    font-size: 60px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 20px;
  }
  #carousel-area .item .carousel-caption .btn {
    padding: 8px 10px;
    margin: 10px 20px;
    font-size: 15px;
  }
  .navbar-default .navbar-nav li a,
  .navbar-default .navbar-nav li a:focus {
    font-size: 12px;
    margin: 20px 7px;
  }
  .topnavi{ display:none;}
  .navbar-header {margin-top: 0px;}
  .navbar-brand img { padding-left: 20px; padding-top: 35px; width: 70%;}
  .affix .navbar-brand img{padding-left: 20px; padding-top: 35px; width: 70%;}
  .menu_filter .item { min-height: 40px; margin-bottom: 30px;}
  #carousel-area .item{text-align: center; color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}
  .affix .navbar-header{ margin-top:-20px; }
  .navbar-nav { float: right; }
  .affix-top .to-bottom {
    display: none;
  }
  #services .services-intro h1 span {
    font-size: 28px;
  }
  #services .services-intro h3 {
    font-size: 18px;
  }
  #why .why-item {
    margin-top: 15px;
  }
  #why .why-item .why-item-icon i {
    padding: 12px;
    width: 60px;
    height: 60px;
    font-size: 30px;
  }
  #why .why-item .why-item-text h2,
  #why .why-item .why-item-text p {
    text-align: center;
  }
  .pricing ul {
    width: 100%;
  }
  #testimonial .testimonial-arrow {
    left: 8%;
  }
  #about #carousel-about .carousel-indicators {
    display: none;
  }
  #about .counter-title {
    font-size: 35px;
  }
  #team .team-member .member-info .social-team a i {
    font-size: 15px;
    height: 30px;
    line-height: 15px;
    padding: 7px;
    width: 30px;
  }
  #team .team-member .member-info h4 {
    font-size: 15px;
  }
  #contact .contact-form .form-control {
    padding: 5px;
  }
  .widget-title {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  #video-bg .title-text {
    top: 40%;
  }
  #video-bg .title-text h1 {
    font-size: 60px;
  }
  #video-bg .title-text h2 {
    font-size: 20px;
  }
  #video-bg .title-text .btn {
    padding: 8px 10px;
    margin: 10px 20px;
    font-size: 15px;
  }
}
@media (max-width: 568px) {
  #carousel-area .item .carousel-caption h1 {
    font-size: 24px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 15px;
  }
}
/*SmartPhones*/
@media (min-width: 320px) and (max-width: 480px) {
  /*Navbar*/
  .none{ display:none!important;}
  .topnavi{ display:none;}
  .navbar-default .navbar-collapse {background:#ffffff; margin-top:5px;	border:none;}
  .navbar{margin-bottom:0; min-height:50px; margin-bottom:20px; margin-top:15px;}
  .navbar-header{ margin-top:-40px;}
  .navbar-default .navbar-nav li a {margin: 5px; padding:5px;}
  .navbar-brand {float: none;}
  .navbar-brand img{width:70%; padding-top:55px; padding-left:10px;}
  .affix .navbar-brand img{width:60%; padding-top:10px; padding-left:10px;}
  .affix .navbar-header{ margin-top:5px;}
  .navbar-default .navbar-brand {padding: 0px; margin: 0px;}
  #about_us {padding-top: 0px;}
  #about p{line-height:20px;font-size:12px}
  #about .section-title{position:relative; font-weight:100; font-size: 22px; font-family: "open Sans", arial; color: #fff; padding-bottom:20px;}
  #about_us .short { color: #fff; font-family: "open Sans",arial; font-size: 13px; line-height: 22px; overflow: hidden; text-align: center;}
  #about .about-title{margin-top:0; font-family:Philosopher, Arial; font-size:18px; font-weight:bold;}
  #about_us .content { background-color: #ed3237; margin-top: 40px; max-width: 100%; padding: 10px 15px 15px 15px;}

.filtr-item { display: none;}
.filtr-item.active { display: block;}

.opening-hours li { padding: 10px 30px; color: #363636; font-family: 'Engagement', cursive; font-size: 15px; text-align: center; border-bottom: 1px solid #ebebeb;}
.opening-hours li h5 { font-size: 38px; margin: 0; text-align: center; color: #ed3237}
.opening-hours li h6 { font-size: 38px; margin: 0; text-align: center; color: #222222; line-height: 35px;}



.menu_filter .item a { color: #ffffff; padding: 2px 32px; font-family: 'Rochester', cursive; display: block; font-size: 26px;}
.menu_filter .item.active a { display: block;  font-family: "Rochester",cursive; padding: 10px 32px; color: #000; font-size: 26px;}
.menu_filter .lineright{ border-bottom: 1px solid #fff; padding: 10px 0px; }
.menu_filter .list-inline > li{ width: 100%; }
#menu_items { height: 100%; padding-bottom: 0px; margin-top: 60px;}
.filter_item_img {position: relative; float: left; margin-right: 40px; overflow: hidden;}
.filter_item_img:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; border-radius: 50%;
    background-color: #990100; -webkit-transition: opacity 0.45s;  transition: opacity 0.45s;}
#menu_items .block:hover .filter_item_img:after {  opacity: .8;}
.filter_item_img .fa { position: absolute; left: 40%; top: 40%; z-index: 1; font-size: 30px; color: #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1);}
#menu_items .block:hover .filter_item_img .fa { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.filter_item_img img { max-width: 100%; border-radius: 50%; width: 136px; height: 136px;}
#menu_items .left, #menu_items .right { line-height: 0;  overflow: hidden;}

#menu_items .image { margin-bottom: 35px;}
#menu_items .left .image:not(:first-child),
#menu_items .right .image:not(:last-child) { width: 50%;}
#menu_items .block { display: block; text-decoration: none; margin-bottom: 35px;}
#menu_items .content { position: relative; overflow: hidden;}
#menu_items .info div { margin: 5px 0;}
#menu_items .filter_item_price { font-size: 18px; color: #990100; font-family: 'Montserrat-Bold';}
#menu_items .info .name { font-size: 23px;  font-family: 'ChunkFiveEx'; color: #f6a525; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#menu_items .info .short { color: #838383; font-family: 'Montserrat-Regular'; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

#menu_items .left .image:not(:first-child) .info .short,
#menu_items .right .image:not(:last-child) .info .short {font-size: 10px;}
#menu_items .block * {transition: all .5s;}
#menu_items .block:hover .content { transform: scale(.87);}
#menu_items .block:hover .info { opacity: 1;}


.pricingbg{ background: url(../images/background_catering.jpg) center; width: 100%;}
#pricing h1{ font-family: 'Rochester', cursive; font-size:25px; line-height: 35px; color:#ed3237; padding:33px 0px 30px 0px; margin:0px; font-weight:100;}
#pricing h1 span{ color:#333;}

.contactbg{ background: url(../images/background_contact.jpg) center;}
#contact h4{ font-family:"open Sans", arial; font-size:15px; color:#ffffff; padding-top:15px; padding-bottom:0px; margin:0px; text-align:center; font-weight:bold;}
#contact h5{ font-family:"open Sans", arial;  font-size:20px; color:#CF2027; padding:20px 0px 20px 0px;}
#contact p{ font-family:"open Sans", arial; font-size:15px; color:#ffffff; padding-top:5px; line-height:35px; text-align: center;}
#contact a{color:#FFC926;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear; text-decoration: none;}
#contact a:hover{color:#ffffff}
#contact .contact-info{margin:40px 0}
#contact .contact-info p{font-size:20px}
#contact .contact-form .form-control{background:0 0;color:#999999;border:1px solid #555555;box-shadow:none;font-size:11px; margin-bottom:20px}
#contact .contact-form textarea.form-control{min-height:116px;margin-bottom:20px; text-align:center;}
#contact .contact-form input[type=text],#contact .contact-form input[type=email]{height:44px; text-align:center;}
#contact .contact-form .btn{ background:#CF1F26; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}
#contact .contact-form .btn:hover{ background:#00a859; color:#FFFFFF; border:none; margin-top:3px; font-family:"open Sans", arial; font-size:14px;}



.menu-item li{color:#fff; font-size:15px; font-family: 'Open Sans', sans-serif; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #ddd;}
.menu-item li span.prize{ font-weight:bold; float:right; font-size: 14px;}
.menu-item li span.ingredients{ font-size:12px; color:#fff; display:block;}
.sub-menu-item li{font-size:15px; color:#fff; display:inline-block; padding-right:20px; margin-right:20px; border-right:1px dashed #666; line-height:25px;}
.sub-menu-item li:last-child{ border-right:none;}



  .navbar-default .navbar-toggle { margin: 55px 22px 20px 22px; background:#00a859; border:none;}
  .affix.navbar-default{ background:url(../images/header_top.png) repeat 30px;}
  .switcher-area .switcher-btn-area button.switcher-btn{position:absolute;top:50px;right:-50px;width:30px;background:#fff;border:0;outline:0;padding:7px 0}
  .flipheading{ font-family:Philosopher, Arial; font-size:12px; color:#777777; margin:10px 0px 0px 0px; text-align:center;}
  #testimonial .row{padding-bottom:15px}
  .flip-container, .front, .back {width: 90px;height: 91px;}
  .flip-container, .front img, .back img {width: 100%;}
  .specification h1{ font-family:"open Sans", arial; font-size:18px; color:#544d46; padding:15px 0px 15px 0px; margin:0px; font-weight:100;}
  #portfolio h1{ font-family:"open Sans", arial; font-size:18px; color:#544d46; padding:15px 0px 0px 0px; margin:0px; font-weight:100;}
  .img100{ width:100%;}
  .headercommon{font-size:18px; font-family: 'Rochester', cursive; text-align:center; color:#FFFFFF; padding:20px 0px; line-height:20px; box-shadow: inset 1px 17px 10px -21px #000000; -webkit-box-shadow: inset 1px 17px 10px -21px #000000; -moz-box-shadow: inset 1px 17px 10px -21px #000000; -o-box-shadow: inset 1px 17px 10px -21px #000000;}
  .switcher-area{position:fixed; top:155px; right:50px; z-index:9999; padding:25px 20px;}
  #carousel-area .item .carousel-caption{top:30%;right:auto;left:15%; bottom: auto; padding:15px 20px 15px 20px; text-shadow:none; z-index:99; text-align:left; right:15%; text-align:center;}
  .mtextaligncentre{ text-align:center; padding-bottom:20px;}
  .miconpading{ padding-bottom:15px;}
  
  .affix.navbar-default .navbar-toggle {
    margin: 10px 22px 15px 22px;
	background:#00A859;
	border:none;
  }
  #services .services-intro{padding-bottom:5px}
  #services h1,#services .service{color:#000000; font-size: 25px; font-weight: bold; line-height: 50px; font-family: 'Rochester', cursive;}
  #services h3,#services .service{color:#000000; font-size: 20px; font-weight: normal;}
  h1, .h1{ font-size:18px; margin-bottom:0px; line-height:20px;}
  #services h2{font-size:18px}
  .row{padding:62px 0 30px 0; margin:0px;}
  .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background:#ed3237;}
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .current {
    color: #333;
    max-width: 100;
  }
  .navbar-default .navbar-collapse li.active {
    background: #fff;
  }


  #matter-footer{background:#333;color:#BDC3C7; padding: 20px 20px 0px; text-align: center;}
#matter-footer .row{padding:40px 0}
#matter-footer .text img{margin-bottom:25px}
#matter-footer .link li{padding:4px 0;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:0}
#matter-footer .link li a{font-size:inherit;color:#BDC3C7;text-decoration:none}
#matter-footer .link li a:hover{color:#fff}


  /*Slider*/
  /*#carousel-area .item{background-attachment:fixed;background-size:100%;background-size:cover}*/
  #carousel-area .item{text-align: center; color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}
  #carousel-area .item .carousel-caption h1 {
    font-size: 26px;
	padding-top:9px;
  line-height: 32px;
  }
  #carousel-area .item .carousel-caption h2 {
    font-size: 15px; font-weight:100;  font-family:"open Sans", arial; padding-top:20px; margin:0px; line-height: 22px;}
  }


  #carousel-area .item .carousel-caption .btn {
    font-size: 10px;
  }
  /*why Text*/
  #why .rotate-text {
    font-size: 18px;
    line-height: 25px;
  }
  #why .why-item .why-item-text h2,
  #why .why-item .why-item-text p {
    text-align: center;
  }
  .matter-filter .filter {
    padding: 0px 10px;
    margin: 10px 5px;
  }
  #clients img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .pricing ul {
    width: 100%;
  }
  #about .counter-title {
    font-size: 30px;
  }
  #about .btn {
    font-size: 18px;
  }
  #testimonial-slider .name {
    font-size: 16px;
  }
  #subscribe .subscription-form .input-group .form-control,
  #subscribe .subscription-form .btn {
    padding: 5px;
    font-size: 15px;
    height: 50px;
  }
  /*Contact Icons*/
  #contact .contact-form .form-control {
    padding: 5px;
  }
  #contact .social i {
    padding: 7px;
    width: 38px;
    height: 38px;
    font-size: 20px;
  }
  .widget-title {
    margin-top: 20px;
    padding-bottom: 10px;
  }
  /*Title*/
  
  .section-subtitle {
    font-size: 20px;
  }
  #video-bg .title-text {
    top: 40%;
  }
  #video-bg .title-text h1 {
    font-size: 24px;
  }
  #video-bg .title-text h2 {
    font-size: 15px;
  }
}
@media (min-width: 480px) and (max-width:740px) {
.portfolio-item .icons .preview{ top:35%; right:35%;}
}
@media (max-width: 480px) {
.matter-filter .port_slash{ display:none;}
}

@media (max-width: 320px) {
.matter-filter .filter{ font-size:25px;}
}