@media only screen and (min-width:1400px) and (max-width:2000px){
    .navbar-right {
        float: right !important;
       margin-right: -155px;
    }
    .franchise-tab-small{
        margin-top: 1px;
    }
  .navbar-brand{padding: 0 !important;}
  .navbar-brand>img {
    height: 98px !important;
    padding: 0px 65px;
    width: auto !important;
    margin-top: -30px !important;
    margin-left: 15px;

}
.franchise-tab-active{
background: rgb(245, 134, 52);
    text-align: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 13px;
}
.collapse .nav li a {
    font-size: 12px;
}
}
@media only screen and (min-width:2000px) and (max-width:3000px){
    .navbar-brand>img {
    height: 98px;
    padding: 0px;
    width: auto;
    margin-top: -30px;
    margin-right: 0px !important;
}
.collapse .nav li a {
    font-size: 12px;
}
}
@media only screen and (min-width:1200px) and (max-width:1400px) {
    .franchise-tab-small{
        margin-top: 9px;
    }
     .modal-dialog{
            width: 60%;
        }

	.collapse .nav li a{
		font-size: 10px;
        /*padding-left: 5px;
        letter-spacing: 0.8px;
        padding-top: 10px;
    	padding-bottom: 10px;*/
	}
	/*.left-menu-nav li a {
    padding-right: 20px !important;
    padding-top: 10px;
    padding-bottom: 10px;
	}
	.collapse .nav.right-menu-nav li a {
		padding-left: 20px;
	}*/
	.navbar-right {
	    float: right !important;
	   margin-right: -145px;
	}

	.navbar {
    min-height: 40px;
	}
	.navbar-brand>img {
	height: auto;
    padding: 10px;
    width: 65%;
    margin: 00px auto !important;
    margin-top: -32px !important;
	}

	.first-slider .slide1 h3, .first-slider .slide2 h3, .first-slider .slide3 h3, .first-slider .slide4 h3, .first-slider .slide5 h3 {
	    font-size: 30px;
	}
	.first-slider .slide1 h4, .first-slider .slide2 h4, .first-slider .slide3 h4, .first-slider .slide4 h4, .first-slider .slide5 h4 {
	    font-size: 20px;
	}
	.first-slider .carousel-indicators li {
	    width: 10px;
	    height: 10px;
	}
	.first-slider .carousel-indicators .active {
	    width: 12px;
	    height: 12px;
	}
	.coffee-image-1 {
	    max-width: 350px;
	    padding-top: 15%;
	    padding-right: 20%;
	}
	.first-slider .slide1 p, .first-slider .slide2 p, .first-slider .slide3 p, .first-slider .slide4 p, .first-slider .slide5 p {
	    font-size: 14px;
	    width: 80%;
	}
	.coffee-image-2 {
	    width: 50%;
	    margin-top: -66px;
	    margin-left: 40%;
	}
	.responsive-class-image1{
		padding-left: 20%;
	}
}
@media only screen and (min-width:1400px) and (max-width:1600px) {

	.collapse .nav li a{
		    font-size: 12px;
		    /*padding: 10px 10px;*/
	}
    .franch-tab{margin-top: 10px;}

	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
	}

        .franchise-tab-active:hover{
        background: rgb(245, 134, 52) !important;
        color: #fff !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-top: 10px !important;
}

	.navbar-brand>img {
	height: auto;
    padding: 0px 58px 0px 58px;
    width: 25%;
    margin: 00px auto;
    margin-top: -20px;
    margin-left: 15px;
	}
	.first-slider .slide1 h3, .first-slider .slide2 h3, .first-slider .slide3 h3, .first-slider .slide4 h3, .first-slider .slide5 h3 {
	    font-size: 30px;
	}
	.first-slider .slide1 h4, .first-slider .slide2 h4, .first-slider .slide3 h4, .first-slider .slide4 h4, .first-slider .slide5 h4 {
	    font-size: 20px;
	}
	.first-slider .carousel-indicators li {
	    width: 10px;
	    height: 10px;
	}
	.first-slider .carousel-indicators .active {
	    width: 12px;
	    height: 12px;
	}
}
@media only screen and (min-width:768px) and (max-width:1200px){
   /* #main{
        display: none !important;
    }*/
    .collapse .nav li a {
    font-size: 10px;
}
.navbar-right {
    float: right!important;
    margin-right: -20px;
}

.franchise-tab-small{
    margin-top: 15px;
}
.navbar-brand{
  margin-left: 0px !important;
}
.collapse .nav li a{
  padding: 10px 13px;
}
.navbar-brand>img {
    height: 100px;
    margin-top: -45px !important;
}

}
@media only screen and (max-width:768px) {
   /* #main{
        display: none !important;
    }*/
    .franchise-tab-active{
background: rgb(245, 134, 52);
    text-align: center;
    padding-left: 8px !important;
    padding-right: 8px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 10px;
}
.franchise-tab-active{
    margin-top: 10px;
}
.container-fluid{overflow-x: hidden;}
.brown-banner-font {
    font-size: 20px;
}
.modal-dialog{
    width: 100%;
    padding-right: 20px;
}
#kioskModal > .modal-dialog{
  width: 100%;
      padding-right: 20px;

}

#masterModal > .modal-dialog{
  width: 100%;

      padding-right: 20px;
}
.overlay {
  top: 60px;
}


.banner-box img{height: 100%;}
	.logo-banner img{width: 25%;height: auto;}
	.logo-banner{top: 5%;}
	.image-box img{width: 100%;}
	.image-box{padding: 15px;}
	.request-box h4{font-size: 1em;}
	.content-p p{font-size: 0.8em;padding:15px;}
	.email-input{font-size: 10px;width: 40%;height: 25px;}
	.subscribe-btn{    width: 23%;font-size: 10px;}
	.newletter-widget {
		display: block;
	}
    .career-section-tab h6 {
    font-size: 20px;
    }
	.newletter-widget .widget-title {
                display: block;
		padding: 0;
		text-align: center;
	}
    .psk-small-text {
    font-size: 12px;
    }
    .owl-carousel .owl-wrapper-outer{text-align: center;}
	.newletter-widget .textwidget {
                display: block;
		padding: 10px 25px;
	}
	.newletter-widget .textwidget .email-class {
		width: 100%;
                float: none !important;
		background-position: right center;
	}
	.newletter-widget .textwidget .newsletter-submit-btn.pull-left {
	margin: 00px auto;
    text-align: center;
    width: 40%;
    margin-top: 14px;
    margin-left: 30%;
	}
	.first-slider .slide1 h3, .first-slider .slide2 h3, .first-slider .slide3 h3, .first-slider .slide4 h3, .first-slider .slide5 h3 {
    font-size: 20px;
    font-family: 'Overlock';
	}
	.first-slider .slide1 h4, .first-slider .slide2 h4, .first-slider .slide3 h4, .first-slider .slide4 h4, .first-slider .slide5 h4 {
    font-size: 14px;
}
.first-slider .carousel .item {
    min-height: 30vh;
    height: 100%;
    width: 100%;
}
.first-slider .carousel-indicators li {
    width: 10px;
    height: 10px;
}
.first-slider .carousel-indicators .active {
    width: 11px;
    height: 11px;
}
.carousel-control .fa-angle-right {
    width: 20px;
    height: 20px;
    font-size: 14px;
        border: 2px solid #ffffff;
}
.carousel-control .fa-angle-left {
    width: 20px;
    height: 20px;
    font-size: 14px;
        border: 2px solid #ffffff;
}
.first-slider .carousel-indicators {
    bottom: 0;
    display: none;
}
.a-story h2, .a-modal h2 {
    font-size: 25px;
    margin-top: 20px;
}
.pd-small-zero{
	padding: 0;
}
.panel-menu-up {
    margin-top: -69px;
    padding: 0;
}
.shop-online-btn{width: 32%;}
.parallax-window {
    min-height: 160px;
}
.widget_icon-box {
    padding-top: 10px;
    margin-bottom: 30px;
}
.about_cafe {
    padding: 20px 0px !important;
}
.about_cafe_circle_text h6 {
    margin-bottom: 0px;
}
.a-story p{
	font-size: 12px;
	line-height: 20px;
}
.read-more {
    margin-top: 0px;
    padding: 8px 20px;
    font-size: 10px;
}
.main-title-same-class {
    font-size: 30px;
}
.parallax-window1 {
    min-height: 300px;
    background: transparent;
}
.panelNav li a span.box>span {
    display: none;
}
.panelNav li a img {
    vertical-align: middle;
    margin-top: 0px;
}
.restaurant_menu_content_product {
    width: 100%;
    float: left;
}
.erm_product_title {
    font-size: 14px;
}
.erm_product_desc p {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 10px 0px 10px;
}
.navbar-default .navbar-toggle {
    z-index: 999;
}
.vage-image img{
	width: 4%;
}
.vage-image {
    margin-top: -10px;
}
.navbar-brand>img {
    height: 75px;
    padding: 0px;
    width: auto;
    margin-top: 23px !important;
    margin-right: 0px !important;
    z-index: 999;
}
.panelWrapper {
    height: 470px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-toggle {
    background-color: #56c5d0;
}
.brewing_image img {
    width: 60% !important;
    height: 100px !important;
}
.career-section {
    padding-top: 30px;
}
.container-layout {
    width: 100%;
}
.small-bold{font-weight: bold;font-size: 14px;color: #f58634;}
.business_modal{
    font-size: 12px;
    line-height: 20px;
    padding: 0px 10px;
    margin-top: 0;
    margin-bottom: 0;
}
.career-section-tab {
    margin-top: 10px;
}
.location-title h4 {
    font-size: 1.4rem;
}
.store-image img {
    width: 12%;
    height: 26%;
}
.small-mar-bt{
    margin-bottom: 10px;
}
.parallax-window-career {
    min-height: 300px;
}
.brewing-text {
    font-size: 15px;
}
.desc-icon-box p {
    font-size: 12px;
}
.thim-social ul.social_link li {
    margin: 0 10px;
    font-size: 15px;
}
.social_link{padding-left: 0;}
.link_footer a {
    color: #fff;
    font-size: 12px;
}
.link_footer li {
    margin: 0 5px !important;
}
.shop-online{
	padding-bottom: 6px;
    padding-top: 8px;
    font-size: 12px;
    margin-left: 0;
}
.about_cafe_smallcircle {
    height: 80px;
    width: 80px;
    padding: 20px 5px;
}
.about_cafe_circle {
    height: 90px;
    width: 90px;
}
.about_cafe_circle_text h6 {
    font-size: 11px;
}
.collapse .nav li a {
    color: #402424;
    font-size: 12px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #56c5d0;
}
.nav>li {
    position: relative;
    display: block;
    border-bottom: 1px dotted #ddd;
}

/*media 768 fran*/
.active .franchise-tab-active{
    background: none !important;
    color: #fff !important;
    /*text-align: center;*/
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 10px !important;
}
.franchise-tab-active{
    background: none;
    text-align: -webkit-auto;
   padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 10px !important;}
.franchise-tab-active:hover{
    background: none !important;
    color: #fff !important;
    text-align: -webkit-auto;
     padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-top: 10px !important;
}
.small-display-none img{display: none;}
.newsletter-submit-btn{font-size: 12px;}
.parallax-window-about {
    min-height: 200px;
}
.page-banner-margin {
    margin-top: -130px;
}
.page-banner-text h1 {
    font-size: 26px;
    margin: 0;
}
.page-banner-text p {
    font-size: 12px;
}
.parallax-window-about-new {
    min-height: 200px;
}
.item-content {
    padding: 10px 0px;
}
.desc-list {
    font-size: 10px;
}
.title-list h5 {
    font-size: 18px;
}
.list-html-content {
    margin-bottom: 40px;
}
.menu_title h5 {
    font-size: 18px;
}
.menu-pd-zero {
    line-height: 20px !important;
        font-size: 14px;
}
.parallax-window-menu {
    min-height: 500px;
}
.social-list li a{
    font-size: 14px;
}
.social-list li {
    line-height: 26px !important;
}
.circle-container img {
    width: 75%;
}
#social-2{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.tagline_small{
    margin-top: 24% !important;
}
.tagline_small h2{
    font-size: 18px !important;
}
}
@media only screen and (min-width:1200px) and (max-width:1600px) {
	.banner-box img{height: 100%;}
	.logo-banner img{width: 25%;height: auto;}
	.logo-banner{top: 20%;}
  .navbar-brand{ padding: 0px 50px 0px 50px;}
}
/* header breakpoint check */
@media (max-width: 991px) {
  .navbar-header { float: none; }
  .navbar-left,.navbar-right { float: none !important; }
  .navbar-toggle { display: block; }
  .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
  .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
  .navbar-collapse.collapse { display: none!important; }
  .navbar-nav { float: none!important; margin-top: 7.5px; }
  .navbar-nav>li { float: none; }
  .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
  .collapse.in{ display:block !important; }
}