@media (max-width: 1400px) {
    .main-banner .flex-direction-nav a:before{font-size:60px}
    .main-banner .flex-direction-nav a.flex-next:before{font-size:60px}
    .fun-fact-area .fun-sec-right{padding:101px 50px}
    .countdown-container{background-color:rgba(244,82,62,0.9);color:#fff;margin:0 auto;padding:230px 0 300px}
    h1 span.cont-down-title{margin:0 0 120px}
}
@media (max-width: 1100px) {
    .header-area .top-bar-menu li{padding:0 0 0 20px}
    header .top-bar-menu ul li:hover ul{left:-5px}
    .main-banner .slides li{width:100%!important;overflow:hidden}
    .main-banner .flexslider .slides img{max-width:none;width:110%}
    .main-banner .flexslider .caption h1{font-size:80px;margin:20% 0 5%}
    .main-banner .flexslider .caption p{font-size:20px}
    .main-banner .flex-direction-nav a{width:55px;height:50px;top:47%}
    .main-banner .flex-direction-nav a:before{top:9px;font-size:50px}
    .main-banner .flex-direction-nav a.flex-next:before{font-size:50px;right:3%}
    .main-banner .flex-direction-nav .flex-prev{left:3%!important}
    .main-banner .flex-direction-nav .flex-next{right:3%!important}
    .fun-fact-area .fun-sec-left{padding:90px 30px 90px 0}
    .fun-fact-area .fun-sec-right{padding:108.5px 30px}
    .fun-fact-area .fun-sec-right .fun-detail{height:auto;list-style:outside none none;overflow:hidden;width:430px}
    .fun-sec-left p{font-size:15px}
    h1 span.cont-down-title{font-size:100px}
    .count-dwn-cnt span.count{font-size:100px}
    .features-box-sec{padding:100px 0}
    .yummeybite{padding:100px 0}
    .best-seller{padding:100px 0}
    .featured-product{padding:100px 0}
    .best-seller .container{padding:0 30px}
    .featured-product .container{padding:0 30px}
    .amazingcarousel-prev::after{top:7px}
    .amazingcarousel-next::after{top:7px}
}
@media (max-width: 991px) {
    .header-area .logo h1{text-align:center}
    .header-area .logo img{margin:0 auto;display:block}
    .header-area nav .menu{text-align:center;margin:25px 0 0}
    .header-area .bottom-bar{padding:35px 0 10px}
    .header-area.navbar-fixed-top .bottom-bar{padding:15px 0 10px}
    header nav .menu li:hover .sub-menu{display:block;position:absolute;top:0;margin:0}
    .header-area.navbar-fixed-top .menu li:hover .sub-menu{padding:15px 0 0;top:20px}
    .yummeybite .main-img img{width:auto;margin:0 auto 10px;display:block}
    .main-banner{height:auto;margin-top:160px;width:100%}
    .inner-page{margin-top:165px}
    .main-banner .flexslider .caption h1{font-size:60px;margin:21% 0 3%}
    .special-heading .top-sec h1{font-size:34px}
    .special-heading .bottom-sec .image-holder-area li{display:block;width:340px;margin:0 auto 30px;padding:0;overflow:hidden}
    .special-heading .bottom-sec .image-holder-area li:nth-child(3n+2){margin:0 auto 30px}
    .special-heading .bottom-sec .image-holder-area li:last-child{margin:0 auto 40px}
    .special-heading .sub-nav-menu{margin-right:0;width:auto}
    .yummeybite{padding:90px 0}
    .features-box-sec{padding:90px 0}
    .wish-list-sec{padding:90px 0}
    .fun-fact-area{height:auto}
    .fun-fact-area .fun-sec-left{padding:70px 30px;width:100%;float:left;text-align:center}
    .fun-sec-left h3{text-align:center}
    .fun-sec-left h2{text-align:center;margin:0 auto;float:none;max-width:97%}
    .fun-sec-left p{text-align:center}
    .right-align{float:none}
    .fun-fact-area .fun-sec-right{padding:70px 10px;width:100%;float:left;position:relative}
    .fun-fact-area .fun-sec-right .fun-detail{margin:0 auto;width:460px}
    .download-app-sec hr{margin:20px auto 0!important;display:block}
    .download-app-sec-left{padding:40px 15px 0}
    .download-app-sec-right{height:auto;padding:40px 15px;text-align:center}
    .download-app-sec-right h2{font-size:40px;line-height:40px;text-align:center}
    .download-app-sec-right p{text-align:center}
    .download-app-sec-right h3{text-align:center}
    .down-app-btn{float:none;display:inline-block;margin-top:15px}
    .nbs-flexisel-inner{display:block;margin:0 auto!important;overflow:hidden;width:90%}
    .product-area-sec{padding:80px 0}
    .shop-view-sec{padding:90px 0}
    .shop-product-bar{margin-top:50px}
    .shop-products .items{display:block;margin:0 auto;max-width:500px}
    .shop-products .image-area{margin-top:40px}
    .blog-area-sec h2{text-align:center;font-size:34px}
    .blog-area-sec .full-width-row .social-icon-rounded-simple{margin-bottom:60px}
    .blog-area-sec .full-width-row .right-area p,.blog-area-sec .full-width-row .left-area p{text-align:center}
    .blog-area-sec .full-width-row .right-area span{text-align:center}
    .blog-area-sec .full-width-row .social-icon-simple{width:100%}
    .blog-area-sec .full-width-row .right-area .more-butten,.blog-area-sec .full-width-row .left-area .more-butten{margin:0 auto 20px}
    .blog-area-sec .left-area{padding:0;margin-bottom:25px}
    .comment-form-sec form .text-field-box{margin-bottom:15px}
    .full-width-row .page-content{padding:0 0 30px}
    .latest-post-list li .img-sec{float:left;width:auto;margin-right:3%}
    .latest-post-list li .text-sec{float:left;width:63%}
    .cart-sec{padding:90px 0}
    .cart-sec .cart-details.row{width:100%;margin:0}
    .cart-sec .row .col-md-6:last-child .detail-box-outer{margin-top:50px}
    .cart-sec .cart-details .detail-box-outer:last-child{margin-top:50px}
    .cart-details.row .left{padding:0}
    .cart-details.row .right{padding:0}
    .cart-sec .view-cart-box .item-detail li .content-holder{padding:20px 15px}
    .cart-sec .view-cart-box .item-detail li .title-holder{padding:0 15px}
    .contact-area-sec .content-area{padding:90px 0}
    .contact-form-sec{margin:20px 0 0}
    .contact-area-sec .address-area{margin-top:50px}
    .contact-form-sec form .text-field-box{margin-bottom:15px}
    .text-field-box{margin-bottom:15px!important}
    .footer-sec h2{text-align:center;font-size:20px;width:100%;float:left}
    .footer-top{padding-bottom:50px}
    .footer-sec p,.footer-top .address p{text-align:center}
    .footer-sec .logo img{max-width:100%;margin:0 auto;display:block}
    .footer-middle .row{width:100%;float:left;margin:0}
    .footer-middle .row .col-md-6{width:100%;float:left}
    .footer-sec form{display:block;float:none;margin:10px auto 0;max-width:360px;width:100%}
    .footer-sec .mail-btn{width:224px}
    .footer-sec h3{text-align:center}
    .footer-sec .link-sec{margin-bottom:20px;float:left}
    .footer-sec .link-sec li{text-align:center}
    .footer-sec .address{margin-bottom:20px;float:left;width:100%}
    .footer-sec .row-div{display:block;margin:0 auto 20px;text-align:center;position:relative}
    .footer-middle{padding:23px 0}
    .footer-sec .social-icon{text-align:center;width:100%;margin:20px 0 0}
    .footer-sec .social-icon a{margin:0 6px 0 0}
    h1 span.cont-down-title{font-size:80px;margin-bottom:100px}
    .count-dwn-cnt span.count{font-size:80px;margin-bottom:30px}
    .count-dwn-cnt span{font-size:18px;line-height:24px}
    .countdown-container p{margin-bottom:60px}
    .count-dwn-cnt li{width:24%}
    .image-thumb-small{width:100%;height:auto;display:block}
}
@media (max-width: 767px) {
    .fun-sec-right .fun-detail p{margin-bottom: 50px;}
    #side-panel-menu{height:100%;width:0;background:#161616;position:fixed;top:0;padding:30px 0 0;left:0;z-index:101;overflow:hidden}
#side-panel-menu ul li{display:block;float:left;width:100%;line-height:38px;position:relative!important}
#side-panel-menu ul li a{color:#fff;display:block;font-size:12px;line-height:38px;width:100%;float:left;margin:0;padding:0;text-align:left;text-decoration:none;position:relative}
#side-panel-menu li a:hover{color:#fff;background:#F45245}
#side-panel-menu ul li ul{z-index:99102;visibility:visible;background:#333;display:block;position:relative!important;height:auto;float:left;width:100%}
#side-panel-menu ul li:hover ul{background:#333;top:0;max-height:310px;overflow-y:scroll}
#side-panel-menu ul li{position:relative}
#side-panel-menu ul li ul{top:0;left:0;display:block;position:relative!important}
#side-panel-menu ul ul ul{background:#ccc}
#side-panel-menu ul ul li:hover ul{background:#ccc}
#side-panel-menu ul li ul li:hover{background:#F45245}
#side-panel-menu ul li ul::-webkit-scrollbar{width:6px}
#side-panel-menu ul li ul::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,255,255,0.2);border-radius:5px}
#side-panel-menu ul li ul::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(255,255,255,0.4)}
    .main-banner .flexslider .caption h1{font-size:50px;margin:20% 0 2%}
    .caption .view-more-butten{line-height:35px;font-size:20px;padding:0 20px;width:200px;margin:10px auto;height:50px}
    .caption .view-more-butten:after{font-size:40px;right:-20px;top:7px}
    .inner-page .top-sec{height:210px!important}
    .inner-page .top-sec .mask{padding:80px 0}
    .down-app-btn{margin-top:10px}
    .about-content-sec{padding:80px 0 0}
    .yummeybite{padding:80px 0}
    .best-seller{padding:80px 0}
    .featured-product{padding:80px 0}
    .features-box-sec{padding:80px 0}
    .blog-area-sec{padding:80px 0}
    .blog-detail-sec{padding:80px 0}
    .product-area-sec{padding:80px 0}
    .cart-sec{padding:80px 0}
    .cart-sec .detail-box-outer{margin-bottom:0}
    .shop-view-sec{padding:80px 0}
    .client-sec{padding:75px 0}
    .wish-list-sec{padding:80px 0}
    .error-title{padding:0}
    .features-sec .feature-box{margin:50px 0 0}
    .download-app-sec-left{padding:60px 15px 0}
    .download-app-sec-left img{max-width:95%}
    .download-app-sec-right{padding:60px 15px}
    .contact-area-sec .content-area{padding:80px 0}
    .amazingcarousel-item-container{margin:0 10px!important}
    .header-area{position:relative}
    .header-area .bottom-bar{height:auto;padding:35px 0 5px}
    .header-area.navbar-fixed-top .bottom-bar{padding:15px 0 0}
    header .top-bar-menu ul li:hover ul{left:-15px}
    .header-area .main-menu-sec{height:13px}
    .toggle{display:block;padding:20px;color:#FFF;font-size:30px;line-height:40px;text-decoration:none;border:none}
    #mob-menu{display:block;font-size:24px;color:#F45245;text-align:left;z-index:999;transition:all .5s ease 0;cursor:pointer;top:-25px;appearance:none;position:relative;width:50px}
    #mob-menu:hover{color:#000;transition:all .5s ease 0}
    .header-area .top-bar{height:auto}
    .header-area .top-bar p{text-align:center}
    .header-area .top-bar-menu{width:100%;padding:10px 15px!important}
    .header-area .top-bar .left{width:100%}
    .header-area .top-bar-menu li{padding:0 10px}
    .header-area .logo h1{text-align:center}
    .main-banner{height:auto;margin-top:0;width:100%}
    .main-banner .flexslider .caption span{display:block;padding:0 80px;font-size:26px}
    .inner-page{margin-top:0}
    .inner-page .top-sec .title-area-sec{width:100%}
    .special-heading .top-sec h1{font-size:30px}
    .special-heading .bottom-sec .overlay-box p{font-size:30px;line-height:30px}
    .special-heading .top-sec .mask{padding:60px 0}
    .special-heading .sub-nav-menu{width:100%;float:left;text-align:left;margin-right:-25px;margin-top:10px}
    .special-heading .sub-nav-menu li{font-size:16px;line-height:24px;color:#333;display:inline-block;padding-left:0;padding-right:30px;font-weight:400}
    .yummeybite h1{font-size:40px;line-height:40px;margin:40px auto}
    .best-seller h1{font-size:28px;line-height:28px}
    .featured-product h1{font-size:28px;line-height:28px}
    .features-sec h1{font-size:56px;line-height:60px}
    .shop-product-bar{width:100%;height:auto;float:left;padding:8px 15px}
    .shop-product-bar li:last-child{float:none}
    .shop-product-bar li{margin-left:10px}
    .download-app-sec-left{width:100%;float:left;padding:40px 0 0;height:auto}
    .download-app-sec-left img{max-width:60%;margin:0 auto;display:block}
    .download-app-sec-right{width:100%;float:left;height:auto;padding:40px 0}
    .tab-content-area label{padding:15px 10px;font-size:17px}
    #tab1:checked ~ .content #content1,#tab2:checked ~ .content #content2,#tab3:checked ~ .content #content3,#tab4:checked ~ .content #content4,#tab5:checked ~ .content #content5,#tab6:checked ~ .content #content6,#tab7:checked ~ .content #content7,#tab8:checked ~ .content #content8,#tab9:checked ~ .content #content9,#tab10:checked ~ .content #content10{display:block!important;margin:30px 0;padding:0 30px}
    .blog-detail-sec .left-area{padding-bottom:60px;width:100%;float:left}
    .blog-detail-sec .left-area .row{margin:0}
    .replay-sec .users-list li .user-comment{width:70%}
    .replay-sec .users-list li .user-pic{width:25%}
    .cart-sec .view-cart-box .btn-box{height:auto}
    .cart-sec .view-cart-box .item-detail li{float:left;width:100%;display:block}
    .cart-sec .view-cart-box .item-detail li .title-holder{border-top:1px solid #ccc}
    .cart-sec .view-cart-box .item-detail li:nth-child(5n+2){width:100%}
    .social-icon,.social-icon-rounded-simple,.social-icon-simple{text-align:center;float:left;display:block;width:100%}
    .image-thumb-small{width:100%;height:auto;display:block}
    .error-title{font-size:250px;line-height:200px}
    .error-sub-title{font-size:100px;line-height:100px}
    .countdown-container{padding:100px 0 200px;height:100%}
    h1 span.cont-down-title{font-size:60px;margin-bottom:80px;line-height:70px}
    .count-dwn-cnt span.count{font-size:60px;margin-bottom:20px}
    .countdown-container p{font-size:28px}

}
@media (max-width: 480px) {
    .pay-section label h3 {font-size:10px;}
    .PaymenTxt{overflow:auto;}
   .PaymenTxt ul li{width:100%;}
   .PaymenTxt h4{word-wrap: break-word;}
    h1{font-size:38px}
    .header-area .top-bar-menu{padding:0}
    .header-area .top-bar-menu ul{margin:0;padding:0}
    .header-area .top-bar-menu li{padding:0 5px 10px;font-size:13px}
    header .top-bar-menu ul li:hover ul{left:-20px}
    .header-area .top-bar-menu li:last-child{padding:0}
    .main-banner .flex-direction-nav a{width:45px;height:40px;top:45%}
    .main-banner .flex-direction-nav a:before{top:5px;font-size:28px}
    .main-banner .flex-direction-nav a.flex-next:before{font-size:28px}
    .main-banner .flexslider .slides img{width:auto;max-width:125%}
    .main-banner .flexslider .caption h1{margin:22% 0 2%}
    .main-banner .flexslider .caption span{padding:0 20px;font-size:20px;background:none}
    .inner-page .top-sec .mask{padding:50px 0 0!important}
    .special-heading .top-sec .title-area-sec{width:100%}
    .special-heading .bottom-sec .image-holder{padding:6px}
    .special-heading .bottom-sec .overlay-box p{top:30%}
    .special-heading .bottom-sec .overlay-box:hover::before{top:29%}
    .special-heading .top-sec .butten-area-sec{width:100%}
    #amazingcarousel-1 .amazingcarousel-prev,#amazingcarousel-2 .amazingcarousel-prev{right:38px;top:-69px;width:30px!important;height:40px!important}
    #amazingcarousel-1 .amazingcarousel-next,#amazingcarousel-2 .amazingcarousel-next{margin-right:0;right:0;top:-69px;width:30px!important;height:40px!important}
    .amazingcarousel-prev::after,.amazingcarousel-next::after{font-size:20px;padding:5px 8px}
    .about-area-sec .left-area{padding-top:10px}
    .teambox .content-holder h2{margin:0 0 5px}
    .about-content-sec{padding:60px 0 0}
    .yummeybite{padding:60px 0}
    .best-seller{padding:60px 0}
    .featured-product{padding:60px 0}
    .features-box-sec{padding:60px 0}
    .blog-area-sec{padding:60px 0}
    .fun-fact-area .fun-sec-left .more-butten{margin:0 auto}
    .shop-view-sec{padding:60px 0}
    .wish-list-sec{padding:60px 0}
    .features-sec .feature-box i{padding:0 0 10px}
    .features-sec .feature-box{margin:40px 0 0}
    .fun-sec-left h2{font-size:45px}
    .product-area-sec{padding:60px 0}
    .right-align{width:160px!important;margin:0 auto 10px!important}
    .fun-fact-area .fun-sec-right .fun-detail{margin:0 auto;width:300px}
    .fun-fact-area .fun-sec-right .fun-detail li{padding:0 0 20px}
    .fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+3){padding:20px 0 0}
    .fun-fact-area .fun-sec-right .fun-detail li:nth-child(2n+4){padding:20px 0 0}
    .fun-sec-right .fun-detail li i{font-size:30px}
    .fun-sec-right .fun-detail li h2{font-size:50px}
    .download-app-sec-left{padding:60px 0 0}
    .download-app-sec-right{padding:40px 0 60px}
    .cart-sec{padding:60px 0}
    .cart-sec .detail-box-outer{margin-bottom:0}
    .client-sec{padding:60px 0}
    .teambox .content-holder h2{font-size:20px}
    .features-sec h1{font-size:42px;line-height:50px}
    .special-heading .top-sec h1{font-size:28px}
    .nbs-flexisel-nav-right{background-size:80%!important;background-position:center center!important;right:-5px;top:10px!important}
    .nbs-flexisel-nav-left{background-size:80%!important;left:-5px;background-position:center center!important;top:10px!important}
    .blog-area-sec h2{margin:0 0 20px}
    .blog-area-sec .left-area{padding-bottom:0;margin-bottom:20px}
    .blog-area-sec .right-area{padding-bottom:30px;float:left}
    .blog-area-sec h2{text-align:center;font-size:26px;line-height:32px}
    .blog-area-sec p{margin:0 0 20px}
    .blog-area-sec .full-width-row .social-icon-simple{margin-top:5px}
    .image-thumb-small{width:100%;height:auto;margin:10px auto 20px;display:block}
    .blog-detail-sec{padding:60px 0}
    .product-area-sec{padding:60px 0}
    .product-details-gallery .previews a{width:100%;margin-right:0}
    .product-details-sec{margin:0 0 50px}
    .product-details-gallery .previews a{max-width:24%;height:auto}
    .product-details-gallery{margin:0 0 50px}
    .tab-content-area label{display:block;width:100%;border-top:1px solid #ccc;padding:10px;font-size:16px}
    .product-area-sec h2{margin:0 0 10px}
    .tab-content-area{margin:40px 0 0}
    .basic-table td{padding:10px}
    .basic-table .title-holder{height:auto;line-height:20px;padding:10px;font-size:14px}
    .basic-table .content-holder{height:auto;line-height:20px;font-size:14px}
    .checkout-sec .info-box:before{left:-20px}
    .checkout-sec .info-box{height:auto;line-height:30px;padding:10px 40px;text-align:center}
    .checkout-sec .title{height:auto;line-height:30px;padding:8px 15px;font-size:20px}
    .checkout-sec .left .detail-box-outer{min-height:200px}
    .social-icon-simple{display:block;margin:20px auto 0;width:100%}
    .fun-sec-left h2{font-size:40px;line-height:46px}
    .common-content-sec{padding:60px 0 0}
    .common-content-main{padding:0 0 60px}
    .contact-area-sec .content-area{padding:60px 0}
    .contact-area-sec .address-area{margin-top:30px}
    .error-title{font-size:190px;line-height:180px}
    .error-sub-title{font-size:80px;line-height:70px}
    .error-sec-text{font-size:25px;margin:35px 0}
    .footer-sec form{text-align:center;max-width:270px}
    .footer-sec label{width:100%;text-align:center}
    .countdown-container{padding:100px 0;height:100%}
    .count-dwn-cnt span.count{font-size:80px}
    .count-dwn-cnt li{width:100%;display:block;margin-bottom:60px}
    .countdown-container p{font-size:22px;margin-bottom:60px}
    }
@media (max-width: 414px) {
    .main-banner .flexslider .caption h1{line-height:20px;margin:24% 0 2%;font-size:33px}
    .main-banner .flexslider .caption span{background:none}
    header .top-bar-menu ul li:hover ul{width:180px}
    header .top-bar-menu li .cart-item-details-box{width:180px;right:-20px}
    header .top-bar-menu li:hover .cart-item-details-box{width:180px;right:-20px}
    .caption .view-more-butten:after{font-size:24px;right:-20px;top:2px}
    .special-heading .bottom-sec .image-holder-area li{width:300px}
    .special-heading .top-sec .title-area-sec{float:left;width:100%}
    .special-heading .top-sec .butten-area-sec{float:left;padding:10px 0 0;width:100%}
    .special-heading .bottom-sec .image-holder-area li{width:100%!important}
    .special-heading .bottom-sec .image-holder img{width:100%}
}
@media (max-width: 380px) {
    .header-area.navbar-fixed-top{position:relative}
    .header-area .bottom-bar{padding:20px 0 15px}
    .header-area.navbar-fixed-top .bottom-bar{padding:20px 0 15px}
    .main-banner .flexslider .slides img{width:130%}
    .main-banner .flexslider .caption h1{font-size:30px;line-height:20px}
    .main-banner .flexslider .caption p{font-size:12px;line-height:12px;margin:15px 0 5px}
    .main-banner .flexslider .caption span{font-size:17px}
    .main-banner .flex-direction-nav .flex-prev{left:4%!important}
    .replay-sec .users-list li .user-comment{width:100%;display:block;margin:0 auto 20px}
    .replay-sec .users-list li .user-pic{width:100%;display:block;margin:0 auto 10px}
    .latest-post-list li{height:auto}
    .latest-post-list li .img-sec{float:left;width:47%;display:block}
    .latest-post-list li .text-sec{float:left;width:50%}
    .special-heading .bottom-sec .overlay-box:hover::before{top:28%}
    .special-heading .bottom-sec .overlay-box p{top:27%}
    .special-heading .bottom-sec .image-holder-area li{width:260px}
    .product-details-gallery .previews a{max-width:23%;height:auto}
    .down-app-btn{margin:0 auto 10px;display:block}
    .error-title{font-size:160px;line-height:150px}
    .error-sub-title{font-size:60px;line-height:50px}
    .countdown-container p{font-size:20px;margin-bottom:50px}
    .fun-fact-area .fun-sec-right .fun-detail{width:100%}
    .footer-sec form{width:100%}
    .footer-sec .mail-btn{width:84%}
    .row{margin:0}
    .footer-sec form{text-align:center;max-width:100%}
    .footer-sec .send-btn{width:20%;max-width:40px}
    .footer-sec .mail-btn{width:80%}
}