/* Responsive CSS Document */

/* 
    Created on   : 13/08/2019.
    Theme Name   : Cukape.
    Description  : Cukape - Restaurant Cakes and Coffee Shop Template.
    Version      : 1.0.
   
*/

@media (min-width: 992px) {
  .container {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}
@media (min-width: 1200px) and (max-width: 1290px) {
  .box-layout {padding: 0;}
}
@media (min-width: 992px) and (max-width: 1090px) {
  .box-layout {padding: 0;}
}
@media (max-width: 1199px) {
  .portfolio-box-style .row {margin: 0 -10px;}
  .portfolio-box-style .item {margin: 0 10px;}
  .portfolio-box-style {padding: 0 15px;}
  .top-footer-widget .subscribe-widget>div {padding-left: 0;}
}
/*(max-width: 1199px)*/

@media (min-width: 992px) and (max-width: 1199px) {
  #mega-menu-wrapper .nav>li {margin: 0 15px;}
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu,
  #mega-menu-wrapper .nav>li.dropdown-holder .sub-menu .second-sub-menu {width: 200px;}
  .client-section .client-text {padding-left: 20px;padding-right: 20px;}
  .blog-details-content .mark-text {padding-right: 30px;}
}

/*(min-width: 992px) and (max-width: 1199px)*/

@media (max-width: 991px) {
  .theme-main-menu-one .small-device-logo {display: block;}
  header.theme-main-menu-one {padding-top: 15px;}
  .theme-main-menu-one #mega-menu-wrapper .nav>li:before {display: none;}
  #mega-menu-wrapper .nav li.menu-inner-logo {display: none;}
  .delicious-food-section .single-item p br,.theme-main-menu-two #mega-menu-wrapper {display: none;}
  .theme-section-title a {position: static;margin-top: 25px;}
  .about-us-section img.pizza {margin: 0 auto;}
  .about-us-section {margin-bottom: 100px;}
  .box-layout {padding: 0 15px;}
  .theme-main-menu-two .menu-right-widget {position: static;float: right;}
  .theme-main-menu-two .logo {position: static;float: left;}
  .theme-main-menu-two {padding: 15px 0;}
  .theme-menu-wrapper.fixed.white-bg {padding: 5px 15px;}
  .single-portfolio .main-wrapper-box {width: 100%;}
  .about-us-section .row .row {margin-bottom: 30px;}
  .our-food-menu .food-menu-wrapper .tab-content ul li {width: 100%;}
  .shop-sidebar,.blog-sidebar {margin-top: 80px;}
  .contact-us-form {padding: 0 0 60px 0;}
  .field-content {
    width: 28%;
  }
} 
/*(max-width: 991px)*/

@media (min-width: 768px) and (max-width: 991px) {
  .our-team.team-style-two .team-member .image {width: 220px;height: 220px;}
  .field-content {
    width: 27% !important;
  }
  .short-banner .opacity h2 {
    font-size: 26px;
    line-height: 34px;
  }
  img.pizza {
    width: 21%;
  }
}

/*(min-width: 768px) and (max-width: 991px)*/
@media (max-width: 767px) {
	.field-content {
    width: 100% !important;
	margin: 20px 3px 12px 0px;
}
ul.nav.abt-menu {
    height: auto;
    float: none !importan;
}
.box {
    float: left;
}
ul.nav.abt-menu {
    margin-top: 0px !important;
}
a.counter-sec {
    padding: 8px 7px;
}
#example-one .nav li {
    width: 100% !important;
    margin: 10px 16px 10px 0px !important;
}
.more-products-sec {
width: 30%;
    position: absolute;
    top: -118px;
}
.products-more {
    position: relative;
}
ul#newnav {
    margin-top: 40px;
}
ul.nav {
    margin-top: 40px;
}

	.col-md-3.fresh-cream {
    width: 100%;
}
.carousel-caption {
    bottom: 15%;
}
a.tran3s.mobile-logo {
    margin-left: -35px;
}
.short-banner {
    background-attachment: inherit;
	width: 100%;
    background-size: cover;
}
#mega-menu-wrapper .navbar-toggle {
    display: block;
    margin: 10px 15px 20px 0;
    padding: 0;
    float: right !important;
}

.short-banner .opacity {
    padding: 0px;
	    background: rgb(255 255 255 / 0%);
}
ul.inner-pg-sec li {
    font-family: 'Great Vibes', cursive;
    font-size: 25px !important;
}

h1.inner-head {
    font-family: 'Grand Hotel', cursive;
    font-size: 24px !important;

}
.contact-us-form {
    padding: 0 0 30px 0;
}
.carousel-caption p {
    font-family: 'Great Vibes', cursive;
    font-size: 25px;
    margin-top: 6px;
}
.theme-main-menu-one .small-device-logo {
    right: inherit;
}	
.theme-menu-wrapper.fixed img {
    width: 56%;
    float: right;
}
a.tran3s.mobile-logo img {
    width: 50%;
    margin: 0 auto;
    float: left;
}
.icon-bar a {
    padding: 9px !important;
}
.top-footer-widget [class*="col-"] {
    margin-bottom: 10px;
    text-align: center;
}
.shop-page .shop-product-wrapper .single-product h6 a {
    font-size: 20px;
}
.shop-page .shop-product-wrapper .single-product .image img {
    width: 70%;
    margin: 0 auto;
}
.shop-page .shop-sidebar .sidebar-categories li a {
    margin-bottom: 15px;
}
.shop-page .shop-product-wrapper .single-product .image {
    margin-bottom: 10px;
}
.iso img {
    width: 80px !important;
}
.shop-sidebar, .blog-sidebar {
    margin-top: 10px;
}
.shop-page .shop-sidebar h3 {
    margin-bottom: 20px;
	font-size: 22px;
    font-weight: 900;
}
.theme-section-title p {
    margin-top: 0px;
}
.shop-sidebar {
    border: 1px solid #eee;
    padding: 25px 30px 20px 30px;
}
.theme-main-footer {
    padding-top: 25px;
}
.about-us-section {
    margin-bottom: 10px;
}
.contact-us {
    margin-bottom: 25px;
    margin-top: 20px;
}
.contact-us-form {
    margin-top: 20px;
}
.contact-us .contact-address>a {
    font-size: 18px !important;
}
.contact-us .contact-address p {
	font-size: 17px;
	margin: 15px 0 15px 0;
	line-height: 20px;
}
.contact-address {
    margin-top: 0px;
}
.carousel-caption h3 {
    
    font-size: 28px;
    color: #daac5b;
}
.col-md-3.fresh-cream img {
    width: 100%;
}
.offer-sec img {
    width: 30% !important;
    float: right;
}
.icon-bar.icon-footer {
    top: 40% !important;
    float: right;
    right: 0px;
}
.theme-menu-wrapper.fixed{
	padding-bottom:20px;
	
	}
	button.navbar-toggle.collapsed {
    width: 28px;
    border: 1px solid #c3a165;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 0px;
}
header.theme-menu-wrapper.theme-main-menu-one.fixed .icon-bar{
	 position: fixed;
    top: 3% !important;
}
.icon-bar {
    position: fixed;
    top: 5% !important;
}
	
h2 {
    font-size: 20px;
}
.contact-us .contact-address h2 {
    line-height: 30px;
    font-size: 20px;
}
  .delicious-food-section.fix-top-margin {padding-top: 80px;}
  .banner-one,.client-section,.theme-inner-banner {margin-bottom: 35px;}
  .delicious-food-section .row {margin-bottom: 50px;}
  .our-portfolio .theme-section-title {margin: 0px 0 25px 0;}
  .theme-section-title p br {display: none;}
  .about-us-section,.map-canvas {margin-top: 20px;}
  .short-banner .opacity h2 br {display: none;}
 /* .short-banner .opacity {padding: 100px 0 100px 0;}*/
  #client-slider .owl-dots {margin-top: 30px;}
  .client-section .opacity {padding: 80px 0 60px 0;}
  #hidden-aside-menu .logo {margin: 60px 0 40px 0;}
  .aside-menu-wrapper .main-nav-wrapper li a {padding: 0 15px;}
  .aside-menu-wrapper .main-nav-wrapper>li .expander {right: 20px;}
  .aside-menu-wrapper ul .dropdown-holder .sub-menu li a {padding-left: 60px;}
  .aside-menu-wrapper .main-nav-wrapper li a span.fa {margin-right: 12px;}
  .short-banner .opacity h2 {font-size: 22px;line-height: 30px;}
  .theme-inner-banner .opacity {padding: 150px 0 100px 0;}
  .theme-inner-banner .opacity h1 {font-size: 50px;margin-bottom: 15px;}
  .theme-inner-banner .opacity ul li {font-size: 18px;}
  .mixitUp-menu li {margin: 5px 10px;}
  .mixitUp-menu {margin-bottom: 60px;}
  .single-portfolio .main-wrapper-box .row {margin-top: 30px;}
  .our-portfolio.inner-page.portfolio-v1 {padding-bottom: 50px;}
  .single-portfolio .main-wrapper-box,.partner-section {padding-bottom: 80px;}
  .our-team .theme-section-title {padding: 80px 0 50px 0;}
  .team-inner-page {padding-top: 100px;}
  .our-food-menu .food-menu-wrapper .nav-tabs li a {padding: 0 0 20px 0;}
  .our-food-menu .food-menu-wrapper .nav-tabs li a {font-size: 15px;letter-spacing: 1px;}
  .our-food-menu .food-menu-wrapper .nav-tabs li a i {font-size: 45px;margin-bottom: 5px;}
  .our-food-menu .food-menu-wrapper .tab-content {margin: 80px 0 100px 0;}
  .pricing-plan .pricing-title {margin-bottom: 20px;}
  .pricing-plan,.popular-faq,.inner-blog-page {padding-bottom: 100px;}
  .shop-page.full-width {padding: 0 15px 10px 15px;}
  .product-details .product-info h3 {margin-top: 35px;}
  .error-page:before {width: 100%;}
  .blog-sidebar h3 {margin: 25px 0;}
  .blog-sidebar .border-box {padding-bottom: 30px;}
  .blog-details-content .mark-text {padding: 18px 15px 30px 40px;}
  .blog-details-content .mark-text:before {width: 25px;top: 45px;left: 5px;}
  .banner-one,.banner-two {height: 650px !important;}
  .banner-one h3 {font-size: 35px;margin-bottom: 10px;}
  .banner-one h1 {font-size: 50px;}
  .banner-one p {font-size: 16px;}
}
/*(max-width: 767px)*/

@media (max-width: 650px) {
  #success, #error {
      width: 86%;
      height: auto;
      top: calc(50% - 50px);
      left: 7%;
      padding: 30px 10px;
  }
  .banner-two .round-box {width: 280px;height: 280px;margin: -140px 0 0 -140px;}
  .banner-two h1 {font-size: 60px;line-height: 65px;}
  .banner-two {height: 500px !important;}

}
@media (max-width: 500px) {
  .our-food-menu .food-menu-wrapper .nav-tabs li {width: 33.3333333%;}
  .shop-product-wrapper .col-xs-6,.blog-details-content .tag-section ul {width: 100%;}
  .our-blog .single-blog-grid {margin-bottom: 35px;}
  .blog-details-content .comment-box .single-comment.reply-comment {margin-left: 15px;}
}
@media (max-width: 450px) {
  .delicious-food-section .col-xs-6,.our-portfolio .col-xs-6,
  .our-food-menu .food-menu-wrapper .tab-content ul li div h4 strong {width: 100%;}
  .our-food-menu .food-menu-wrapper .tab-content ul li div h4 strong {margin-top: 10px;}
  .shop-details .related-product h3 {margin-bottom: 85px;}
  .blog-details-content .comment-box .single-comment .comment .reply {margin-top: 10px;position: static;}
}
@media (max-width: 400px) {
  .our-team .col-xs-6,#hidden-aside-menu {width: 100%;}
}
