/* ----------- Firefox Targeting only ----------- */
body:not(:-moz-handler-blocked) .logo-img {
    width: 90%;
}

/* ----------- General Fixes ----------- */
@media screen and (max-width: 990px) {
  
  .site-nav,.col-lg-4.col-md-4.col-sm-12.col-xs-12.pull-right.text-left.social-icons ,.left-footer .copyrght {
  
     
        text-align: center;
   
 }

.left-footer p {
 display:block;
 }
}
@media screen and (min-width: 768px) {
    .navbar-nav {
        width: 100%;
        text-align: center;
    }
    .navbar-nav li {
        float: none;
        display: inline-block;
    }
    .navbar-nav {
        padding-bottom: 19px;
    }
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0 !important;
    }
    .navbar-nav li:not(.last-li) {
        margin: 0 63px;
    }
    .navbar-nav .l-list {
        margin-right: 35px;
    }
    .navbar-nav .r-list {
        margin-left: 50px;
    }
    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media (max-width: 1800px) {
    ul.nav.nav-tabs.tabs-left.affix {
left: 91px;

    }
}
@media screen and (max-width: 1200px){
    p.text-right.text-responsive {
    text-align: left;
     margin-left: 14px;
}
    section#founders-intro .col-lg-6 {
    margin-bottom: 10px;
}
}

@media screen and (max-width: 1555px) {
    .navbar-nav li:not(.last-li) {
        margin: 0 25px;
    }
    .navbar-nav .l-list {
        margin-right: 25px;
    }
    .navbar-nav .r-list {
        margin-left: 25px;
    }
}

@media screen and (max-width: 1240px) {
    .navbar-nav li:not(.last-li) {
        margin: 0 10px;
    }
    .navbar-nav .l-list {
        margin-right: 15px;
    }
    .navbar-nav .r-list {
        margin-left: 15px;
    }
    .navbar-nav a {
        font-size: 17px !important;
    }
}

@media screen and (max-width: 1030px) {
    .navbar-nav li:not(.last-li) {
        margin: 0 -8px;
    }
    .navbar-nav .l-list {
        margin-right: -8px;
    }
    .navbar-nav .r-list {
        margin-left: -8px;
    }
    .navbar-nav a {
        font-size: 17px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 785px) {
    .navbar-collapse {
        float: right;
        max-width: 67%;
    }
    .navbar-nav {
        padding-bottom: 0px !important;
    }
    .logo-img {
        width: 50%;
    }
    .navbar-brand {
        padding: 9px 0px;
    }
    .navbar-nav li:nth-child(3) {
        margin-right: 5px;
    }
    .active-nav a {
        padding-top: 11px !important;
    }
    .active-nav {
        border-top: 4px solid #673d1b;
    }
}

@media screen and (min-width: 786px) and (max-width: 788px) {
    .navbar-nav li:not(.last-li) {
        margin: 0 -12px;
    }
}

@media screen and (min-width: 1920px) {
    .fom .swiper-container {
        height: 450px;
    }
}

@media screen and (min-width: 320px) and (max-width: 1610px) {
    .cc-wars-intro p {
        font-size: 24px;
    }
}

@media screen and (min-width: 1241px) and (max-width: 1274px) {
    .navbar-nav li:not(.last-li) {
        margin: 0 21px;
    }
}
@media screen and (min-width: 768px) and (max-width: 785px) {
    .logo-img{
        margin: 0;
    }
}
@media screen and (min-width: 320px) and (max-width: 1199px) {
    .cc-win h1 {
        width: 100%;
    }
    .social-intro .sub .sub-btn {
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media screen and (min-width: 320px) and (max-width: 1088px) {
    .cc-wars-intro p {
        width: 100%;
    }
    .fom .swiper-container .swiper-slide .timeline-content h3 {
         font-size: 10px;
    padding: 7px 24px;
    }
    .fom .swiper-container {
        height: 310px;
    }
}

@media screen and (min-width: 320px) and (max-width: 1013px) {
    .checkout .checkout-contain .checkout-header li{
        width: 12%;
    }
    .checkout .checkout-contain .checkout-header ul{
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 991px) {
    .social-intro .sub .text-in {
        font-size: 16px;
    }
    .social-intro .sub .sub-btn {
        font-size: 20px;
        line-height: 42px;
        padding-top: 0;
        padding-bottom: 2px;
    }
    .cc-win h1 {
        font-size: 30px;
    }
    .careers .careers-left {
        position: relative;
    }
    .slider-center-responsive {
        text-align: center;
    }
    .slider .slider-swiper-container .swiper-slide p {
        margin: 0 auto;
        margin-top: 15px;
        display: block;
        width: 70%;
    }
    .slider {
        padding-top: 200px;
    }
    .cc-wars-cake p {
        margin: 0;
    }
    .char-item h1 {
        margin-top: 10px;
    }
    .char-item {
        margin-bottom: 30px;
    }
    .contact-phone {
        margin-top: 50px;
    }
    .fom .swiper-container {
        height: 280px;
    }
    .fom .fom-image {
        margin-bottom: 60px;
    }
    .menu-cat .menu-tabs-contain .nav-tabs>li>a {
        padding: 7px 35px !important;
    }
    .founders .founders-contain {
        width: 100%;
    }
    .careers .careers-right-contain {
        margin-left: 0px;
    }
    .checkout .checkout-contain .checkout-header li hr {
        width: 50%;
    }
    .checkout .checkout-contain .checkout-header li{
        font-size: 11px;
    }
    .checkout .checkout-contain .checkout-custom .checkout-right .item-bar h3{
        font-size: 14px;
    }
}
@media screen and (min-width: 786px) {
    .logo-img{
        min-height: 64px;
    }
}
@media screen and (min-width: 320px) and (max-width: 785px) {
    .logo-img{
        min-height: 36px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .navbar-brand {
        padding: 9px 0px;
        max-width: 70%;
    }
    .logo-img {
        width: 160px;
        margin-left: 15px;
        margin-top: 5px;
    }
    .pane h1 {
        margin-top: 0vh;
    }
    .slider-img {
        margin-top: 0vh;
        margin-right: 0;
    }
    .navbar-header {
        height: 60px;
    }
    .navbar-toggle {
        margin-top: 12px;
    }
    #custom-collapse {
        text-align: center;
    }
    .navbar-nav>li>a {
        padding-bottom: 5vh;
    }
    .like-img img {
        margin-left: 0;
    }
    .like-img {
        text-align: center;
    }
    .like-no {
        text-align: center;
    }
    .active-nav {
        border: none;
    }
    .active-nav a {
        padding-top: 10px !important;
    }
    .navbar-nav a {
        font-size: 24px !important;
    }
    .navbar-nav {
        margin-top: 50px;
    }
    .menu-item .menu-item-img {
        margin: 0 auto;
    }
    .menu-item .menu-item-img {
        font-size: 42px;
    }
    .menu-item p {
        font-size: 26px;
        margin-right: 28px;
    }
    .menu-cat .menu-tabs-contain .nav-tabs>li>a {
        font-size: 16px;
        padding: 10px 20% ;
    }
    .cc-wars-cake p {
        margin-top: 40px;
    }
    #cc-margin {
        margin-top: 30px;
    }
    div.ytce-gallery li {
        margin-left: 17%;
    }
    .catering .catering-cat p {
        margin-bottom: 80px;
    }
    .checkout .checkout-contain .checkout-custom .checkout-left .custm-back-btn{
        text-align: center;
    }
    .checkout .checkout-contain .sub-custom-btn{
        width: 100%;
    }
    .checkout .checkout-contain .checkout-right>.sub-custom-btn{
        margin-bottom: 20px;
    }
    .cd-cart span{
        right: 0;
    }
    .logo-img{
        min-height: 38px;
    }
    .cd-cart.items-added{
		display:inline-block;
	}
	
}

@media screen and (min-width: 320px) and (max-width: 720px) {
    .checkout .checkout-contain .checkout-header li hr {
        width: 30%;
    }

}

@media screen and (min-width: 320px) and (max-width: 690px) {
    .social-intro h3,
    .social-intro h1 {
        width: 100%;
    }
    .social-intro .sub {
        width: 100%;
    }
    .cc-wars-intro p {
        font-size: 16px;
    }
    .slider .swiper-button-next,
    .slider .swiper-button-prev {
        display: none;
    }
    .cart .cart-contain {
        width: 100%;
       
    }
    .item-bar .col-xs-1, .item-bar .col-xs-2, .item-bar .col-xs-3, .item-bar .col-xs-4, .item-bar .col-xs-5, .item-bar .col-xs-6, .item-bar, .line-contain .col-xs-1, .line-contain .col-xs-2, .line-contain .col-xs-3, .line-contain .col-xs-4, .line-contain .col-xs-5, .line-contain .col-xs-6, .line-contain{
        padding-right: 5px;
        padding-left: 5px;
    }
    .checkout .checkout-contain .checkout-header ul{
        height: auto;
        line-height: 18px;
        margin-top: 20px;
    }
    .checkout .checkout-contain .checkout-header{
        margin-bottom: 60px;
    }
    .checkout .checkout-contain .checkout-header li{
        width: auto;
        display: block;
        margin: 0 auto;
    }
    .checkout .checkout-contain .checkout-header li hr{
        width: 40%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .checkout .checkout-contain .checkout-header{
        border: none;
    }
}
@media screen and (min-width: 320px) and (max-width: 591px) {
    .checkout .checkout-contain .finish-msg .finish-btn input, .checkout .checkout-contain .finish-msg .finish-btn a{
        font-size: 18px;
        display: block;
        text-decoration: none;
        margin-right: 0;
    }
}
@media screen and (min-width: 320px) and (max-width: 550px) {
    .checkout .checkout-nav li {
        margin-right: 12px;
    }
    .checkout .checkout-3 .checkout-3-right .check-sum .cd-bar h3 {
        font-size: 15px;
    }
    .checkout .checkout-3 .checkout-3-right .check-sum .cart-summary input {
        font-size: 14px;
        padding: 14px 55px;
    }
}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .cc-rate>img {
        max-height: 200px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .cc-wars-cake p {
        margin-top: 0;
    }
}

@media screen and (min-width: 320px) and (max-width: 450px) {
    .social-plugin .nav-tabs span,
    .social-plugin .nav-tabs .active span {
        background-size: auto 50%;
    }
    .contact-phone {
        margin-top: 80px;
    }
    .social-intro h3,
    .social-intro h1 {
        font-size: 22px;
    }
    .social-intro .sub .sub-btn {
        font-size: 16px;
        padding-top: 0;
        padding-bottom: 2px;
    }
    .social-intro .sub .text-in {
        font-size: 13px;
    }
    .cc-rate>img {
        max-height: 150px;
    }
    .cc-win h1 {
        font-size: 19px;
    }
    .menu-cat .menu-tabs-contain .nav-tabs>li>a {
        font-size: 12px;
        padding: 10px 19% !important;
    }
    .slider .slider-swiper-container .swiper-slide h1 {
        font-size: 30px;
    }
    .slider .slider-swiper-container .swiper-slide p {
        font-size: 16px;
        line-height: 25px;
    }
    .slider .slider-swiper-container .swiper-slide span {
        padding: 5px 35px;
    }
    .social-plugin .nav-tabs {
        height: 90px;
    }
    #youmax-header {
        height: 130px;
    }
    .youmax-subscribe {
        position: relative;
        float: left;
        margin-left: 32px;
    }
    .timeline-title{
        font-size: 14px;
    }
    .timeline-heading p>small{
        margin-top: 5px;
        font-size: 12px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 432px) {
    .like-box p {
        font-size: 19px;
    }
}

@media screen and (min-width: 320px) and (max-width: 350px) {
    .social-intro .sub .sub-btn {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 2px;
    }
    .social-intro .sub .text-in {
        font-size: 12px;
    }
    .cc-rate>img {
        max-height: 135px;
    }
    .menu-item p {
        margin-right: 8px;
    }
    .checkout .checkout-contain .checkout-custom .checkout-right .item-bar h3{
        font-size: 10px;
    }
    .checkout .checkout-contain .finish-msg h3{
        font-size: 26px;
    }
    .checkout .checkout-contain .finish-msg p{
        font-size: 16px;
    }
}

@media screen and (min-width: 534px) and (max-width: 991px) {
    .founders .founder-item img {
        
        margin-right: 20px;
    }
    .founders .founder-item {
        text-align: center;
    }
    .founders .founder-item span{
        display: none;
    }
    .founders .founder-item .founder-social .founder-social-icon i {
        margin-left: 0;
    }
}
@media screen and (min-width: 768px) and (orientation: landscape) {
    #click-col-toggle {
        display: none !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .founders .founder-item {
        text-align: center !important;
    }

    .founders .founder-item img {
        float: none !important;
    }
}

/***        MEDIA QUERIES FOR MOBILES & TABLETS         ***/


/* ----------- iPhone 4 and 4S ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    .fom .swiper-container .swiper-slide {
        width: 50%;
    }
    .widget-contain {
        padding-bottom: 140px;
    }
    .checkout .checkout-contain .checkout-custom .checkout-right .item-bar p{
		font-size: 12px;
	}
}


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
}


/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .navbar-nav>li>a {
        padding-bottom: 2vh;
        line-height: 15px;
        font-size: 20px;
    }
    .navbar-nav{
        margin-top: 10px;
    }
}


/* ----------- iPhone 5 and 5S ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	.checkout .checkout-contain .checkout-custom .checkout-right .item-bar p{
		font-size: 12px;
	}
       #gmap{
       height: 598px !important;

   }
       section#loc-map .wrap_controls{
             margin-top: 51px !important;
    margin-left: 0px !important;
       }
         .last-half img {
   
    display: none;
}
     span.caret.careet-responsive {
    margin-left: -3px !important;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
}


/* Portrait */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    body > section.flavor-m.text-center > div.container-fluid > div.row > div > img {
    left: 7%;
}

    #form0 > div.send-btn.col-xs-12.text-center > div > div > div > div {
    width: auto !important;
    transform: scale(0.8);
    margin-left: -22px;
}
    .youmax-video-list-title {
            font-size: 8px;
                max-height: 27px;
    }

    .youmax-video-list-views {
        font-size: 9px;
    }
     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
.timeline .timeline-hd{
    padding:0;
    width:100px;
    margin-left:20px;
}
.menu-cat .menu-tabs-contain .nav-tabs>li>a {
    font-size: 10px;
    padding: 9px 17% !important;
 
}
    .menu-intro h1 {
   
        font-size: 33px;
    }
    .responsive-share {
      
        margin-right: 12% !important;
    }
    .photo-booth h1 {
        font-family: Brandon Medium;
        font-size: 26px;
    }

   a.thumbnail img {
    /*width: 60px;
    height: 60px;*/
}
  .locations-gallery .gallery .photos {
    padding-left: 8%;
}

  .one-half p {
    /* white-space: pre-line; */
    width: auto;
    font-size: 7px;
    font-weight: 400;
}


  #cc-wars > div.row > div > img{
      left:34px !important
  }
  #n-char > div.container-fluid > div:nth-child(1) > div > img{
 left:19px !important
  }
  #n-char > div.container > div > div > div.row > div > img{
left:23px !important
  }

  #social-plugin > div.row > div > img{
      left:36px !important
  }
  #contact > div.row > div > img{
      left:35px !important
  }
  #n-char > div.container > div:nth-child(2) > div > img{
      left:19px;
  }

    .header {
        border-style: solid;
        border-width: 0px 0px 26px;
    }

         .fom .swiper-container .swiper-slide {


    border-width: 0px 0px 12px;
    width:46%;
        -moz-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    
}
           .fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 68% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 56%;
    /* min-width: 112px; */
}
.cc-wars-cake {
    margin-bottom: 61px !important;
}
.cc-wars-cake p{
    font-size:24px
}
ul.timeline:before {
      left: 40px;
    top: 144px !important;
}

ul.nav.nav-tabs.tabs-left.affix {
  
    left: 0% ;
   
}
    ul.timeline:before {
   top: 45px !important;
}
div#FranchiseRequestAlert {
    font-size: 12px;
}
}


/* Landscape */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
.header-img{
    left:8%
}
    ul.timeline:before {
    left: 40px;
     top: 2% !important;
}
     .youmax-video-list-title {
            font-size: 8px;
                max-height: 27px;
    }

    .youmax-video-list-views {
        font-size: 9px;
    }
    .navbar-nav>li>a {
        padding-bottom: 2vh;
        line-height: 15px;
        font-size: 20px;
    }
    .navbar-nav{
        margin-top: 10px;
    }

    .fom .swiper-container .swiper-slide > .timeline-content > img {
        width: 30%;
    }

    .fom .swiper-container .swiper-slide-active > .timeline-content > img {
        width: 50%;
    }
    .fom .swiper-container .swiper-slide .timeline-content h3 {
        margin: 10px auto;
    }
    .timeline .timeline-hd{
    padding:0;
    width:100px;
    margin-left:25px;
}
    .responsive-share {
        margin-left: 37%;
        margin-right: 2%;
    }
     #emptyCart > div > div > div > div.col-md-6.text-left{
         text-align:center
     }
       .fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 50% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 30%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 30%;
    /* min-width: 112px; */
}
       .fom .swiper-container .swiper-slide {
 width: 40%;
   border-style: solid;
    border-width: 0px 0px 14px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}
       .cc-wars-cake p{
           margin-top:2% !important
       }

       .locations-gallery .gallery .photos {
    padding-left: 65px;
}
}


/* ----------- iPhone 6 ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
        span.caret.careet-responsive {
    margin-left: -3px !important;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
}


/* Portrait */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .locations-gallery .gallery .photos {
    padding-left: 14%;
}
     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
.timeline .timeline-hd{
    padding:0;
    width:100px;
    margin-left:20px;
}
body > section.flavor-m.text-center > div.container-fluid > div.row > div > img {
    left: 7%;
}
}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {


      .fom .swiper-container .swiper-slide .timeline-content img {
            width: 30%;
            transition: 1s all;
            margin: 0 auto;
            margin-top: 12%;
            /*min-width: 112px;*/
        }
            .fom .swiper-container .swiper-slide-active .timeline-content img {
            width: 40%;
            margin-top: 0;
        }

 #emptyCart > div > div > div > div.col-md-6.text-left{
         text-align:center
     }
}


/* ----------- iPhone 6+ ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    .fom .swiper-container {
        height: 300px;
    }
      .last-half img {
   
    display: none;
}
           span.caret.careet-responsive {
    margin-left: -3px !important;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
  
}


/* Portrait */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

    .locations-gallery .gallery .photos {
    padding-left: 16%;
}
     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
.timeline .timeline-hd{
    padding:0;
    width:100px;
    margin-left:20px;
}
    .responsive-share {
       
        margin-right: 7%;
    }
   #gmap{
       height: 598px !important;

   }
       .fom .swiper-container .swiper-slide {
 width: 44%;
   border-style: solid;
    border-width: 0px 0px 12px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 50 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 50 repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 50 repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 50 repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}
  .fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 68% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 52%;
    /* min-width: 112px; */
}
ul.timeline:before {
    left: 40px;
     top: 2%;
}
ul.nav.nav-tabs.tabs-left.affix{
          left: 17%
}

body > section.flavor-m.text-center > div.container-fluid > div.row > div > img {
    left: 7%;
}
 

}


/* Landscape */

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .landing-img{
        max-height: 70vh;
    }
    .intro{
        top: 45%;
    }
    .fom .swiper-container {
        height: 310px;
    }
    .fom .swiper-container .swiper-slide > .timeline-content > img {
        width: 30%;
        margin-top: 18%;
    }

    .fom .swiper-container .swiper-slide-active > .timeline-content > img {
        width: 45%;
                margin-top: 0;

    }
    .fom .swiper-container .swiper-slide .timeline-content h3 {
        margin: 10px auto;
    }
     .careers .careers-right-contain {
      
        margin-top: 60px;
    }
     #emptyCart > div > div > div > div.col-md-6.text-left{
         text-align:center
     }
     .locations-gallery .gallery .photos {
    padding-left: 29px !important;
}


    .header {
        border-style: solid;
        border-width: 0px 0px 30px;
    }
       .fom .swiper-container .swiper-slide {
 width: 38%;
   border-style: solid;
    border-width: 0px 0px 19px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 31 repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}
       .fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 47% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 20%;
    /* min-width: 112px; */
}
.fom .fom-image {
    width: 59% !important;
        margin-bottom: 10px !important;
}
ul.timeline:before {
    left: 40px;
    top: 1.2% !important ;
}

ul.nav.nav-tabs.tabs-left.affix{
      left: 33%;
}
}


/* ----------- iPad mini ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .long-text-contain {
        height: 190px;
    }
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .locations-gallery .gallery .photos {
    padding-left: 44px;
}
     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
    ./*fom .fom-image {
        width: 100%;
    }*/
    .logo-img {
        width: 70%;
        margin: 0;
    }
    .navbar-nav>li>a {
        padding: 10px 15px;
        padding-top: 20px !important;
        padding-bottom: 20px;
    }
    .founders .founder-item {
        text-align: center !important;
    }

    .founders .founder-item img {
        float: none !important;
    }
    .menu-name {
     
        font-size: 24px;
    }
     .careers .careers-right-contain {
      
        margin-top: 60px;
    }
     .msg-sub-btn {

    background-position: -15px 6px;
}
     .loc-map {
    padding-top: 64px !important;
}
     .lSSlideWrapper.usingCss img {
          border-bottom: 1px solid #d2d2d2;
}
     .navbar-nav a{
         font-size:16px !important;
     }
     span.caret.careet-responsive {
    margin-left: -3px !important;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
.menu-item {
   min-height: 315px;
} 
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .locations-gallery .gallery .photos {
    padding-left: 80px;
}
    .timeline > li > .timeline-badge {
    margin-left: -22px;
}
    /*.fom .fom-image {
        width: 100%;
    }*/
    .menu-item img {
        /*margin-bottom: 0;*/
        
    }
    .menu-item .menu-item-img .add-to-cart {
        margin-top: 26%;
    }
    .menu-name {
        font-size: 21px;
        width:66%;
     
    }
    .share-button {
    margin-top: 11%;
}
       .menu-item .menu-item-img .add-to-cart {
    margin-top: 0;
}
       .menu-item .menu-share-box li:first-child {
    width: 17%;
}
    .responsive-share {
        
        margin-right: -2% !important;
    }
    .careers .careers-right-contain {
      
        margin-top: 0px !important;
    }
    .responsive-share {
    margin-right: -17% !important;
}
 .cc-wars-cake p{
           font-size:22px !important
       }
 .cc-wars-cake {
    margin-bottom: 20px;
}
.lSSlideWrapper.usingCss img {
  

        border-bottom: 1px solid #d2d2d2;
         border-right: 1px solid #d2d2d2;
}

 .filter a {
        padding: 8px 7px;
    }

 #contact > div > div > div.col-lg-6.col-md-6.col-sm-12.col-xs-12.pull-right > div > div > ul{
     margin-left: 0 !important;
 }

 .franchise .box .panel {
      min-height: 390px !important;
     
    }
     span.caret.careet-responsive {
    margin-left: -3px;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
}


/* ----------- iPad 1 and 2 ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

       .header {
  

    border-style: solid;
     border-width: 0px 0px 32px;
    -moz-border-image: url(../images/nav-border6.svg) 0 0 10 repeat;
    -webkit-border-image: url(../images/nav-border6.svg) 0 0 10 repeat;
    -o-border-image: url(../images/nav-border6.svg) 0 0 10 repeat;
    border-image: url(../images/nav-border6.svg) 0 0 15 repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
   
}

  
}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .locations-gallery .gallery .photos {
    padding-left: 41px;
}

     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }

    a.thumbnail img {
        /*width: 60px !important;
        height: 60px !important;*/
    }
.fom .swiper-container .swiper-slide {
 
    width: 43%;
    border-style: solid;
    border-width: 0px 0px 15px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}
       .cc-wars-cake p{
           font-size:24px !important
       }
       .cc-wars-cake {
    margin-bottom: 20px;
}
.fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 62% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 32%;
    /* min-width: 112px; */
}

       .lSAction > .lSPrev {
   
    left: 7px !important;
}

.lSAction > .lSNext {

    right: 7px !important;
}
   ul.lSPager.lSGallery {
    margin-left: 0 !important;
}
        .lSSlideWrapper.usingCss img {
          border-bottom: 2px solid #d2d2d2;
}

        .navbar-nav a{
         font-size:13px !important;
           
     }
    ul.nav.nav-tabs.tabs-left.affix {
        
        left: 242px;
    }
     span.caret.careet-responsive {
    margin-left: -3px !important;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    locations-gallery .gallery .photos {
    padding-left: 82px;
}

.msg-sub-btn {

    background-position: -15px 6px;
}

.fom .swiper-container .swiper-slide {
 
    width: 46%;
    border-style: solid;
    border-width: 0px 0px 20px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}

.fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 50% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 18%;
    /* min-width: 112px; */
}
      .cc-wars-cake p{
           font-size:22px !important
       }
       .cc-wars-cake {
    margin-bottom: 30px;
}
              .lSAction > .lSPrev {
   
    left: 11px !important;
}

.lSAction > .lSNext {

    right:11px !important;
}
ul.lSPager.lSGallery {
    margin-left: 8px !important;
}
     .lSSlideWrapper.usingCss img {
  border-bottom: 2px solid #d2d2d2;
  border-right: 2px solid #d2d2d2;
}

    .filter a {
        padding: 8px 6px;
    }

    ul.nav.nav-tabs.tabs-left.affix {
        
        left: 377px;
    }
         span.caret.careet-responsive {
    margin-left: -3px;
}
     #last-li > a:nth-child(1) {
    margin-right: -22px;
}
}


/* ----------- iPad 3 and 4 ----------- */


/* Portrait and Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

 

}


/* Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
}


/* Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

    #emptyCart > div > div > div > div.col-md-2.text-center{
        width:100%
    }
    #emptyCart > div > div > div > div.col-md-6.text-left{
        width:100%;
        text-align:center
    }
}


/* ----------- Asus Nexus 7 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) {}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait) {

     .cartContainer > div.text-left {
    text-align: center;
}

.cart {
    padding-top: 30px;
    }
}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape) {
    .landing-img{
        max-height: 75vh;
    }
}
/*Tab 7*/
/*@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait) 

{


}

@media only screen 
and (min-device-width: 1280px) 
and (max-device-height: 800px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : landscape) 

{


}*/
/*Tab 7*/

/*portrait*/
@media screen and (-webkit-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait) {
    .timeline:before{
            top: 30px !important;
    }
    .timeline .timeline-hd{
        text-align:center !important;
      right: 37%;
    }
    .fom .swiper-container .swiper-slide {
        width: 35%;
        border-style: solid;
        border-width: 0px 0px 13px;
        -moz-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
        -webkit-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
        -o-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
        border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
        -moz-background-clip: padding;
        -webkit-background-clip: padding;
        background-clip: padding-box;
    }

    .fom .swiper-container .swiper-slide-active .timeline-content img {
        width: 60% !important;
        margin-top: 0 !important;
    }

    .fom .swiper-container .swiper-slide .timeline-content img {
        width: 35%;
        transition: 1s all;
        margin: 0 auto;
        margin-top: 34%;
        /* min-width: 112px; */
    }

    .one-half p {
        white-space: pre-line;
        width: 114px;
    }

    .last-half img {
        width: 151px;
    }

    .lSAction > .lSPrev {
    
}
}
/*landscape*/
@media screen
     and (-webkit-device-pixel-ratio: 1)
     and (device-width: 1024px)
     and (max-device-height: 600px) 
     and (orientation: landscape)
    {
    .fom .swiper-container .swiper-slide {
 
    width: 47.9%;
    border-style: solid;
    border-width: 0px 0px 20px;
    -moz-border-image: url(../images/swipeborder2.svg) 97 0 70 repeat;
    -webkit-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -o-border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    border-image: url(../images/swipeborder2.svg) 97 0 70  repeat;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
       
}

.fom .swiper-container .swiper-slide-active .timeline-content img {
    width: 50% !important;
    margin-top: 0 !important;
}
.fom .swiper-container .swiper-slide .timeline-content img {
    width: 35%;
    transition: 1s all;
    margin: 0 auto;
    margin-top: 17%;
    /* min-width: 112px; */
}
.timeline > li > .timeline-badge {
    margin-left: -22px;
}
}

@media screen and (max-width:720px){
   .youmax-video-tnail-box {
    
    width: 100% !important;
       height: 427px !important;

}

   .youmax-video-list-title {

    max-height: 73px !important;
 
}
   .youmax-video-tnail {

    height: 320px !important;

}

}
@media screen and (max-width:420px){
   .youmax-video-tnail-box {
    
    width: 100% !important;
}

   .youmax-video-tnail-box {
    width: 100% !important;
    height: 307px !important;
}

   .youmax-video-tnail {
    height: 212px !important;
}
}

@media screen and (max-width:990px){
    .catering-intro{
        padding-bottom:10%
    }
    .catering-intro .working-h p,.catering-intro .special-order p {
        font-size:17px
    }
    .col-lg-4.col-md-4.col-sm-12.col-xs-12.catering-contact{
        text-align:center;
    }
    .contact .catering-contact img {
        width: 200px;
    }
          .franchise .box .panel textarea {
     
    min-height: 285px !important;
 
        }
   
 
}
@media screen and (max-width:1200px) {
    img.img-responsive.img-about.pull-right {
        float: none !important;
        text-align: center;
        display: inline;
        margin-top:20px
    }

    #founders-intro > div > div.row.vision.row-border > div.col-lg-3 > img{
            float: none !important;
        text-align: center;
        display: inline;
         margin-top:20px
    }
   
 #founders-intro > div > div.row.mission.row-border > div.col-lg-9.text-left > div > h2,
#founders-intro > div > div.row.value.row-border > div.col-lg-9.text-left > div > h2,
 #founders-intro > div > div.row.vision.row-border > div.col-lg-9.text-left.pull-right > div > h2
 {
     text-align:center !important;
 }
}


@media screen and (max-width: 960px) and (min-width: 501px){
.filter a {
    display: block;
    width: 100%;
    float: left;
}
}

@media screen and (max-width:1024px){
    .loc-map{
        padding-top:0
    }
}

@media screen and (max-width:1024px){
     #contact > div > div > div.col-lg-6.col-md-6.col-sm-12.col-xs-12.contact-form{
        padding-left:0 !important;
        padding-right:0 !important
    }
}

@media screen and (max-width:767px) {
    .filter {
        padding-top: 12px !important;
        padding-bottom: 16px !important;
    }

        .filter a {
           
            padding: 8px 20px !important;
        }

          .fom .fom-image {
     
        max-width: 100% !important;
    }
    
}



@media screen and (max-width: 660px) {
.navbar-nav {
    margin-top: 0 !important;
}
.navbar-nav>li>a {
    padding-bottom: 2vh !important;
}
}

@media screen and (max-width:960px){
    .locations-gallery .gallery .filter a.selected {
    color: #f5999e !important;
    border-radius: 0 !important;
    border-bottom: 2px solid #b0dcd8;
    background-color: transparent !important;
    display: inline-block;
    border-width: -14px;
    width: auto;
    text-align: center;
    margin: auto 0;
    float: none;
}
}

@media screen and (min-width:992px){
    .container.details-container {
    padding-top: 37px;
    padding-bottom: 140px;
}
}

/*@media (min-width: 1025px) {
    ul.nav.nav-tabs.tabs-left.affix {
            position: fixed;
    left: 172px;
    width: 200px;
    }
}*/
@media (max-width: 1024px) {
    ul.nav.nav-tabs.tabs-left.affix {
            position: relative;
   
    width:300px

    }

    
}

 @media screen and (max-width:660px){

.menu-cat .menu-tabs-contain .nav-tabs>li.active:first-child>a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
   
}
.menu-cat .menu-tabs-contain .nav-tabs>li.active:last-child>a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
 .menu-cat .menu-tabs-contain .nav-tabs>li.active>a {

    width: 100%;
}

 .menu-cat .nav-tabs li {

    display: block;

    width: 200px;
}
 #loc-map > div.container > div > div > img{
     display:none;
 }
}
@media screen and (min-width:1025px) {
    @-moz-document url-prefix() {
        .header {
   border-style: solid;
   border-width:0px 0px 32px;
}
    }
}

.navbar-custom .nav .open > a {
   background:#fff;
}
@media screen and (max-width: 767px){
    .dropdown-menu.megamenu.row {
        margin-top:2px !important;
   }
}

/**New fixes 26/10/2016**/

/************* Timeline Page *****************/
.fix-pixlated{
   width:100%;
   height: 350px !important;
   
}

.fix-pixlated img{
   width: 100% !important;
   height: 100% !important;
   max-height: 100% !important;
}

@media screen and (max-width:767px){
   .fix-pixlated{
       width:100%;
       height: 200px !important;
       
   }
}


/**MeGa Menu fixes**/
.megamenu{
   width:100% !important;
}
.megamenu .side-grid{
   min-height:200px;
   margin-bottom:0 !important;
}

@media screen and (max-width:992px){
   .megamenu .side-grid{
       min-height:150px;
   }
}

/*Ipad Mini Portrati & landscape*/
@media only screen 
 and (min-device-width: 768px) 
 and (max-device-width: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) {
   .menu-large .dropdown-toggle .caret , ul.dropdown-menu.megamenu.row {
       display:none;
   }
}



/*Ipad  Portrati & landscape*/
@media only screen 
 and (min-device-width: 768px) 
 and (max-device-width: 1024px) 
 and (-webkit-min-device-pixel-ratio: 1) {
   .menu-large .dropdown-toggle .caret , ul.dropdown-menu.megamenu.row {
       display:none;
   }
}

/***************** Best Seller Section fixes ***************/
.container.flavor .flavor-k {
   margin-top: 50px;
   margin-bottom: 222px;
}

/*************** Press Page Fixes *******************/

@media screen and (min-width:1025px){
   #theGrid .meta.meta--preview {
       width: 300px;
   }

   #theGrid .meta.meta--preview .img-preview {
       width: 300px;
       left:0;
   }
   #theGrid .meta.meta--preview .img-preview h2.h-title{
       margin-left:15px;
   }
}