/*!
Theme Name: Kosher Creperie Company INC
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kosher-creperie-company-inc
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Kosher Creperie Company INC is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
body{ font-family: 'OpenSans-Regular'; font-size:14px; margin:0; min-height:750px; }


@font-face { font-family:'OpenSans-Regular'; src:url('fonts/OpenSans-Regular.ttf');}
@font-face { font-family:'ProximaNovaBold'; src:url('fonts/ProximaNovaBold.otf');}
@font-face { font-family:'OpenSans-Bold'; src:url('fonts/OpenSans-Bold.ttf');}
@font-face { font-family:'OpenSans-SemiBold'; src:url('fonts/OpenSans-SemiBold.ttf');}
@font-face { font-family:'ProximaNovaSemibold'; src:url('fonts/ProximaNovaSemibold.otf');}
@font-face { font-family:'ProximaNovaRegular'; src:url('fonts/ProximaNovaRegular.otf');}



/*ReusableProperties*/
a{ text-decoration:none !important;  transition:0.5s; color:inherit;}
a:focus{ outline:none !important;}
p{ line-height:1.2;}
//span { display: block; }
.h1, .h2, .h3, h1, h2, h3{ font-weight:normal; margin:10px 0 5px;}
.h4, .h5, .h6, h4, h5, h6{ font-weight:700; margin:0;}
.border-none{ border:none !important;}
.padding-none,.navigation .navbar-brand{ padding:0;}
.padding-left-none{ padding-left:0;}
.padding-right-none{ padding-right:0;}
.padding-10{ padding:0 10px;}
.clear{ clear:both;}
ul,header .navbar-collapse.collapse{ padding:0;}                    

/*MYSTYLE*/

#mobile-show,#small-devi-show{display: none;}
.navbar-inverse{background-color: transparent; border:none; min-height: inherit; margin: 0px;}
.navbar-brand{height: inherit;}


.top-head ul,.caption-btn ul{margin: 0;}

.banner .carousel-control{width:0%; opacity: 1;}



/*---------------------------------------- NEW CSS------------------------------------------*/

.top-head{background-color: #ff7f50; padding: 10px 0px;}
.banner .carousel-indicators{margin-left: 0; text-align: left; bottom: 45%; width: 4%; right: 0; left: 6%; float: right;}
.banner-social{position: absolute; top: 30%; right: 4%;}
.navbar-inverse .navbar-nav>li>a{font-size: 14px; text-transform:capitalize; font-family: "OpenSans-Regular"; color: #333; text-shadow: 0px 0px 0px #333;  padding: 0px 0px; letter-spacing: .3px; word-spacing: .6px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #ff7f50; background-color: transparent;}
.navigation .navbar-nav>li::after{content: ''; display: block; width: 0; height: 2px; background: #ff7f50; transition: width .3s; }
.navigation .navbar-nav>li:hover::after,.navigation .navbar-nav>li.active::after {width: 100%; transition: width .3s; }
.navbar-nav>li:not(:last-child){margin-right: 40px;}
.top-contact ul li:not(:last-child){margin-right:15px; padding-right: 15px; border-right: 1px solid #fff; }
.top-contact ul li{font-size: 14px; font-family: 'OpenSans-Regular'; color: #fff; letter-spacing: .3px; word-spacing: .6px;  line-height: 21px;}
.top-head ul .fa{color: #fff; margin-right: 6px; font-size: 18px;}
ul#nav-menus{height: 32px; display: flex; align-items: center; justify-content: center; padding-right: 15px;}
.navigation{padding: 15px 0px;}
.banner .carousel-indicators li{width: 30px; height: 5px; border:none; background-color:#464646; margin: 6px 0px; display: block; border-radius: 0; transition: 0.32s cubic-bezier(0.9, 0.07, 1, 1);}
.banner .carousel-indicators .active{background-color:#dcca53;width: 60px; height: 5px; border:none;}
.banner-social ul li{list-style-type: none;  margin: 9px 0px;}
.banner-social ul li a{height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 50%;}
.banner .carousel-caption{text-shadow: none; bottom: 21%; left: 10%; right: 10%; background-position: center;}
.banner .carousel-caption h3{letter-spacing: .4px; word-spacing: .8px; font-family: "ProximaNovaSemibold"; font-size: 48px;  text-transform: capitalize; margin-top: 0px; margin-bottom: 21px;}
.banner .carousel-caption p{font-size: 18px; letter-spacing: .4px; word-spacing: .8px; line-height: 1.6em; margin-bottom: 30px; color: #fff;}
.caption-btn{width: initial; display: inline-block; border:1px solid #fff; border-radius: 8px; padding: 10px 30px;}
.caption-btn ul li {font-family: 'OpenSans-SemiBold'; letter-spacing: .4px; word-spacing: .8px; font-size: 24px;}
.caption-btn ul li:not(:last-child){border-right: 1px solid #fff; padding-right: 30px; margin-right: 15px;}
.caption-btn ul li span img{margin-right: 9px;}
.welcome-sec{padding: 90px 0px; text-align: center; position: relative;}
.welcome-content h1{letter-spacing: .3px; word-spacing: .6px; color: #ff7f50; font-family: 'ProximaNovaSemibold'; text-transform: capitalize; margin-bottom: 18px; margin-top: 5px; font-size: 36px;}
.welcome-content h4{letter-spacing: .3px; word-spacing: .6px; color: #333; font-family: 'ProximaNovaRegular'; font-size: 24px; font-weight: normal;}
.welcome-content p{letter-spacing: .4px; word-spacing: .6px; line-height: 1.8em; font-family: "OpenSans-Regular"; color: #666; margin-bottom: 21px;}
.welcome-content{width: 875px; margin: 0 auto;}
.readmorebtn a{letter-spacing: .4px; word-spacing: .8px; color: #ff7f50; display: inline-block; border-radius:10px; padding: 11px 34px; border: 1px solid #ff7f50; font-size: 15px; text-transform: capitalize;}
.product-sec{padding: 90px 0px; text-align: center; position: relative; background-color: #f7f7f7;}
.product-head h2,.testimonial-content h3{letter-spacing: .4px; word-spacing: .8px; font-family: "ProximaNovaSemibold"; color: #333; text-transform: capitalize; font-size: 36px; margin-top: 0;}
.product-name h4{font-size: 16px; letter-spacing: .3px; word-spacing: .6px; color:#000; font-family: "OpenSans-Regular"; font-weight: normal;}
.menu-sec{width: 860px; margin: 0 auto;}
.our-menu-sec{padding: 90px 0px; background-image: url(images/menu-bg.jpeg); background-size: 100% 100%; background-attachment: fixed; color: #fff;}
.menu-content{border:1px dashed #fff; padding: 30px; border-radius: 10px;}
.menus h4{letter-spacing: .3px; word-spacing: .6px; font-family: "ProximaNovaRegular"; font-size: 24px; font-weight: normal; margin-bottom: 15px;}
.menus ul li{letter-spacing: .3px; word-spacing: .6px;font-family: "OpenSans-Regular"; list-style-type: none; line-height: 1.6em; margin: 10px 0px;}
.menus:not(:last-child){padding-bottom: 15px; margin-bottom: 25px; border-bottom:1px dashed #fff; }
div#border-right{border-right: 1px dashed #fff; padding-right: 30px;}
#pad-left{padding-left: 30px;}
.menu-head h3,.contact-sec h3{letter-spacing: .3px; word-spacing: .6px; margin-top: 0; font-family: "ProximaNovaSemibold"; font-size: 36px; margin-bottom: 15px; color: #fff;}
.question-sec{background-image: url(images/call-bg.jpg); padding: 21px 0px; background-size: 100% 100%;}
.contact-bg h3{margin: 0; font-size: 40px; letter-spacing:2px; word-spacing:3px; color: #fff; font-family: 'ProximaNovaRegular'; }
.contact-bg h3 span{background-color: #ff7f50; border-top-right-radius: 50px; border-bottom-right-radius: 50px;  padding: 10px 35px; margin-left: -18px;}
.contact-bg h3 img{z-index: 9; position: relative; border-radius: 50%;}
.quote h3{letter-spacing: .3px; word-spacing: .6px; font-family: 'ProximaNovaRegular'; font-size: 30px; color: #fff; line-height: 1.4em;}
.quote-content{width: 968px; margin: 0 auto; }
.home-page-contact-sec{background-image: url(images/contact-bg.jpg); padding: 90px 0px; background-repeat: no-repeat; background-size: 51.5% 100%; background-attachment: fixed; position: relative;}
.contact-sec input[type="text"],.contact-sec input[type="email"]{height: 40px; width: 100%; border-radius: 8px; border: 1px solid #fff; background-color: transparent; padding-left: 15px; margin-bottom: 28px; color: #fff; letter-spacing: .3px; word-spacing: .6px;}
.contact-sec textarea{width: 100%; background-color: transparent; padding: 15px; border-radius: 8px; border:1px solid #fff; height: 175px; margin-bottom: 30px; color: #fff; letter-spacing: .3px; word-spacing: .6px;}
.testimonial-content {padding: 0px 40px; text-align: center; }
.testimonial-author h4{letter-spacing: .4px; word-spacing: .6px; color: #ff7f50; font-family: 'OpenSans-Regular'; font-weight: normal;}
footer{background-color: #000000;}
footer .container{padding: 90px 15px 30px;}
.bottom-social ul li a{height: 30px; width: 30px; background-color:#ff7f50; color: #fff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 18px; margin-right: 6px;}
.copyright-sec p{letter-spacing: .4px; word-spacing: .8px; color: #fff; font-family: "OpenSans-Regular"; margin: 0;}
.copyright-sec{padding: 19px 0px; border-top: 1px solid #dcca53; }
.quick-link ul li,.bottom-hour ul li{color: #fff; letter-spacing: .2px; word-spacing: .4px;font-family: "OpenSans-Regular"; list-style-type: none; line-height: 1.5em; margin-bottom: 10px; }
.footer-title h4{letter-spacing: .3px; word-spacing: .6px; font-family: 'ProximaNovaRegular'; font-size: 18px; color: #ff7f50; font-weight: normal; margin-bottom: 18px; }
.bottom-contact p{color: #fff; letter-spacing: .2px; word-spacing: .4px;font-family: "OpenSans-Regular"; display: flex; align-items: baseline;}
.bottom-contact p .fa{color: #ff7f50; margin-right: 10px;}
.newsletter input[type="text"]{height: 45px; width: 80%; padding-left: 15px; background-color:#fff; border-radius: 10px; margin-bottom: 21px;}
.right-side-top-img {position: absolute; top: 0; right: 0; width: 24%; }
.left-side-bottom-img{position: absolute; bottom:0; left:0; width: 16%;}
.readmorebtn a:hover,input.wpcf7-form-control.wpcf7-submit:hover,input.wpcf7-form-control.wpcf7-submit:focus{background-color: #ff7f50; color: #fff;}
.testimonial-para p img,.testimonial-para p{display: inline;}
.breadcrumb-sec{background-color: #ff7f50; padding: 15px 0px;}
.breadcrumb{background-color: transparent; padding: 0; margin: 0;}
.breadcrumb>li,.breadcrumb>.active{font-size: 15px; text-transform: capitalize; font-family: "OpenSans-Regular"; color: #fff;}
.breadcrumb>li .fa{font-size: 24px; color: #fff;}
.title-head h2{letter-spacing: .4px; word-spacing: .8px; font-family: "ProximaNovaSemibold"; color: #333; text-transform: capitalize; font-size: 36px; margin-top: 0; margin-bottom: 40px;}
.about-page-sec{padding: 60px 0px;}
.inner-image{box-shadow: 0px 0px 8px #ccc; padding: 5px;}
.review-box{background-color: #f9f9f9; padding: 30px; margin-bottom: 30px; border: 1px solid #ccc; } 
.review-box h4{letter-spacing: .4px; word-spacing: .8px; font-size: 15px; font-family: "ProximaNovaSemibold"; color: #000; font-weight: normal; text-transform: capitalize;}
.inner-contact-form{padding: 30px;background-color: #f9f9f9;  border: 1px solid #ccc; text-align: center;}
.inner-contact-form h3{letter-spacing: .4px; word-spacing: .8px; font-family: "ProximaNovaSemibold"; color: #333; text-transform: capitalize; font-size: 26px; margin-top: 0; margin-bottom: 30px;}
.wpcf7-form label{letter-spacing: .4px; word-spacing: .8px; color: #000; font-family: "OpenSans-Regular"; font-weight: normal; width: 100%; text-align: left; text-transform: capitalize;}
.wpcf7-form label input{width: 100%; padding-left: 15px; letter-spacing: .4px; word-spacing: .8px; color: #000; font-family: "OpenSans-Regular"; height: 40px; border: 1px solid #ccc; margin-top: 9px;}
.wpcf7-form label textarea{width: 100%; padding: 15px; letter-spacing: .4px; word-spacing: .8px; color: #000; font-family: "OpenSans-Regular"; height: 100px; border: 1px solid #ccc; margin-top: 9px;}
input.wpcf7-form-control.wpcf7-submit{letter-spacing: .4px; word-spacing: .8px; color: #ff7f50; display: inline-block; border-radius: 10px; padding: 11px 34px; border: 1px solid #ff7f50; font-size: 15px; text-transform: capitalize; background-color: transparent;}
span.required{color: red;}
.our-menu-content {border: 1px dashed #fff; border-radius: 6px; padding: 30px; }
#product-page-sec{background-image: url(images/inner-banner-products.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}
section.our-menus{background-image: url(images/inner-banner-menu.jpg); background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}
.our-menu-content .menus{    padding-bottom: 15px; margin-bottom: 15px;}
.product-img img{border-radius: 12px;}

footer a:hover,footer a:focus, footer ul li.active a,.copyright-sec p a,.caption-btn ul li a:hover,.caption-btn ul li a:focus,.welcome-content p span,.welcome-content p strong{color: #ff7f50; font-weight: normal;}
.testimonial-img img,#product-page-sec .product-box img{margin: 0 auto;}
p{color: #333; letter-spacing: .3px; word-spacing: .6px; font-family: 'OpenSans-Regular'; margin-bottom: 15px; line-height: 1.8em;}
.testimonial-img img{border-radius: 50%;}
.menu-head p,section.our-menus .menus h4,section.our-menus .menus ul li,section.our-menus .title-head h2,#product-page-sec .title-head h2{color: #fff;}
.product-head,.menu-head,.menu-content,.contact-sec h3,.testimonial-content h3,.product-box,.testimonial-author,.newsletter{margin-bottom: 30px;}
.product-img,.testimonial-para,.testimonial-img{margin-bottom: 18px;}
#product-page-sec .product-box{border-radius: 12px; text-align: center; /*box-shadow: 0px 0px 8px #ccc;*/ padding: 30px 15px; border: 1px dashed #fff;}
#product-page-sec .product-box .product-name h4{letter-spacing: .4px; word-spacing: .8px; font-family: 'OpenSans-SemiBold'; color: #000;}


.overlay-banner {
    background-color: rgb(0 0 0 / 49%);
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
}


#scroll {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#ff7f50;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
/*-----------------------------------------------------------------------*/

::-webkit-input-placeholder { /* Edge */
  color: #666;
  font-family: "OpenSans-Regular";
  letter-spacing: .3px;
  word-spacing: .6px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #666;
  font-family: "OpenSans-Regular";
  letter-spacing: .3px;
  word-spacing: .6px;
}

::placeholder {
 color: #666;
 font-family: "OpenSans-Regular";
 letter-spacing: .3px;
  word-spacing: .6px;
}



.home-page-contact-sec ::-webkit-input-placeholder {
  color: #fff;
}

/* Firefox */
.home-page-contact-sec ::-moz-placeholder {
  color: #fff;
}

/* IE */
.home-page-contact-sec :-ms-input-placeholder {
  color: #fff;
}

/*-----------------------------------------------------------------------*/
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  background-color: #ff7f50;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;

}

.sidenav a {
  padding: 11px 8px 11px 32px;
  text-decoration: none;
  font-size: 15px;
  color:#fff;
  display: block;
  transition: 0.3s;
  font-family: "OpenSans-Regular";
  text-transform:capitalize;
  letter-spacing: .3px;
  word-spacing: .6px;
}

.open-bar span{
 color: #ff7f50;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/*---------------------------------------------------------------------*/
.owl-nav button {
  position: absolute;
  top: 50%;
  background-color: #000;
  color: #fff;
  margin: 0;
  transition: all 0.3s ease-in-out;
}
.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-next {
  right: 0;
}

.owl-dots {
  text-align: center;
  padding-top: 15px;
  margin-top: 15px;
}
.owl-dots button.owl-dot {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  display: inline-block;
  background: #ccc;
  margin: 0 7px;
  border:none;
}
.owl-dots button.owl-dot.active {
  background-color: #ffaf09;
}
.owl-dots button.owl-dot:focus {
  outline: none;
}
.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.38) !important;
}

.owl-nav button:focus {
    outline: none;
}
.owl-carousel .owl-item img{width: inherit;}

/*--------- .carousel-fade CSS-----------------------*/
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }

.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; transition:.8s linear; }

.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }

.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.carousel-fade .carousel-control { z-index: 2; }



/*-----------------------------------------------------------------------------------*/



::-webkit-scrollbar {
  width: 20px;
  border: 2px solid #fff;

}

/* Track */
::-webkit-scrollbar-track {

 border: 2px solid #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {

 border: 2px solid #fff;
 background: #333;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {

 background: #333;
}

/*-----------------------------------------------------------------------------*/
a.back-to-top {width: 40px; height: 40px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px; background:#333 url(images/UpArrow.png) no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; animation: bounce 2s ease infinite;}



/*---------------------------------------MEDIA QUERIES-----------------------------------------------*/

@media (max-width:1500px){

}
@media (max-width:1366px){
	

}
@media(max-width: 1280px){
  
}

@media (min-width:1200px){

}

@media(max-width:1199px){
  .banner .carousel-caption{bottom: 15%;}
}

@media(max-width: 1024px){

  .banner .carousel-caption{bottom: 5%;}
  .question-sec .row{margin: 0;}
}


@media (min-width: 992px) and (max-width: 1200px){

}

@media (min-width: 992px) {
  .navbar-collapse.collapse { display:block !important; }

}
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-collapse.collapse{display: none!important;}
  .navbar-collapse.in{ overflow-y:auto !important;} 
  .collapse.in{ display:block !important; }
    /* .navbar-collapse.collapse {
        display:none !important ;
        } */
        .navbar-nav {
          float: none!important;
          margin: 7.5px 0;
        }
        .navbar-nav>li {
          float: none;
        }
        .navbar-nav>li>a {
          padding-top: 10px;
          padding-bottom: 10px;
        }
        .navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > li > a:hover,.navbar-inverse .navbar-nav > .active > a:hover
        {
          border-bottom: none;
        }
        .navbar-inverse .navbar-toggle .icon-bar{background: #333;}
        .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:white;}

        /*Mystyle*/
        #mobile-show{display: block; float: left; width: 100%; background-color: transparent; padding:18px 0px; }
        #desk-show,#small-devi-show,.right-side-top-img,.left-side-bottom-img{display: none;}
       .banner .carousel-caption{position: relative; width: initial; left: 0; right: 0; color: #000; padding: 30px 15px; background-color: #f7f7f7;}
        .caption-btn{background-color: #ffd901;}
        .caption-btn ul li,.welcome-head h4,.testimonial-content h3,.testimonial-content,.testimonial-content p{color: #fff;}
        .open-bar,.top-call{height: 36px; display: flex;align-items: center; justify-content: center;}
        .top-head .pull-right{float: none !important; text-align: center;}
        .banner-social{top: 13%;}
        .banner .carousel-indicators{bottom: 68%;}
        .banner .carousel-caption p{color: #000;}
        .welcome-sec,.product-sec,.our-menu-sec,.question-sec{padding: 30px 0px; text-align: center;}
        .welcome-content,.menu-sec,.quote-content{width: initial;}
        .product-img img{margin: 0 auto;}
        div#border-right{border-right: none; padding-right: 15px;}
        #pad-left{padding-left: 15px;}
        .home-page-contact-sec,.our-menu-sec,.about-page-sec{padding: 30px 0px; text-align: center; background-size: cover;}
        .contact-sec,.quick-link,.bottom-contact,.bottom-hour,.title-head h2,.inner-content,.contact-page-form{margin-bottom: 30px;}
        .testimonial-img,.testimonial-author,.footer-title h4{margin-bottom: 15px;}
        footer .container{padding: 30px 15px; text-align: center;}
        .quick-link ul li{display: inline-block; line-height: 2.3em; margin: 0 15px;}
        .bottom-contact p{display: block;}
         .menus{padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px dashed #fff;}
         .breadcrumb-sec{text-align: center;}
         .our-menu-content{padding: 15px;}
      }
      @media(max-width: 885px){
        
      }
      @media(min-width: 767px){
            

      }
      @media (max-width:767px){
        .banner-social{top: 6%;}
        .banner .carousel-indicators{bottom: 72%;}
        section.our-menus,#product-page-sec{background-size: cover;}
      }


      @media (max-width: 767px) and (min-width: 481px){

      }

      @media (max-width:680px){
        .banner-social{top: 3%;}
        .banner .carousel-indicators{bottom: 75%;}
        .banner .carousel-caption h3,.welcome-content h1,.product-head h2, .testimonial-content h3,.menu-head h3, .contact-sec h3{font-size: 31px;}
        .caption-btn ul li{font-size: 19px;}
        .quote h3,.contact-bg h3{font-size: 26px;}
        .contact-bg h3 img{width: 74px;}
        #product-page-sec .inner-content{margin-bottom: 0;}
      } 

      @media(max-width: 640px){
       
       
      }

        @media(max-width: 576px){
        
        }

      @media (max-width:480px){
       
        #scroll{bottom: 60px;}
        .top-contact ul li:not(:last-child){padding: 0; border-right: none; margin: 0; margin-bottom: 8px;}
        .banner-social ul li a{height: 30px; width: 30px; font-size: 16px;}
        .banner-social{top: 0;}
        .banner .carousel-indicators{bottom: 80%;}
        .banner .carousel-caption h3, .welcome-content h1, .product-head h2, .testimonial-content h3, .menu-head h3, .contact-sec h3,.title-head h2{font-size: 25px;}
        .menus h4{font-size: 21px;}
       

      } 

      @media screen and (max-height: 450px) {

        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}


      }
      @media(max-width:420px){
      .banner-social ul li{margin: 5px 0px;}
      .caption-btn{padding: 10px 14px;}
      .caption-btn ul li:not(:last-child){padding-right: 15px; margin-right: 10px;}

      }

      @media (max-width:360px){
      
      } 

      @media(max-width: 320px){
       
      }




      /*--------------------------- For Mozila Browser------------------------------------------*/

      @-moz-document url-prefix()
      {
      }


      /*--------------------------- For IE Browser------------------------------------------*/

      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
      {

      }