@import url('https://fonts.googleapis.com/css?family=Courgette|Fira+Sans:400,600,700');

body {
    font-family : 'Fira Sans', sans-serif !important;
    font-size   : 18px;
    color       : #000;
}

nav.custom {
    padding    : 0 6%;
    background : #fff !important;
    z-index    : 10;
}

.after_whare_top {
    display    : block;
    width      : 100%;
    text-align : center;
    padding    : 15px 0 70px;
}

.after_whare_top span {
    text-align  : center;
    display     : block;
    width       : 100%;
    padding-top : 8px;
}

.after_whare_top span a {
    color           : #000;
    text-decoration : none;
}

.after_whare_top span a:hover {
    color           : #000;
    text-decoration : underline;
}

.after_whare_top span a.btn-1 {
    margin-top : 0;
}

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

    .whereto-list-container {
        margin-left  : auto;
        margin-right : auto;
        max-width    : calc((100% + 30px) * 2 / 3);
    }
}

nav.custom .nav1 {
    float : left;
}

nav.custom .nav2 {
    float : right;
}

nav.custom .navbar-nav .nav-link {
    font-family    : 'Fira Sans', sans-serif;
    font-size      : 18px;
    color          : #000;
    font-weight    : 500;
    text-transform : uppercase;
    padding        : 28px 0;
    margin         : 0 23px;
    border-top     : 3px solid #fff;
}

nav.custom .navbar-nav .active > .nav-link, nav.custom .navbar-nav .nav-link.active, nav.custom .navbar-nav .nav-link.show, nav.custom .navbar-nav .show > .nav-link, nav.custom .navbar-nav .nav-link:focus, nav.custom .navbar-nav .nav-link:hover {
    border-top : 3px solid #c12032;
    color      : #c12032;
}

nav.custom .dropdown-item.active, nav.custom .dropdown-item:active {
    background-color : #c12032;
}


.navbar-brand {
    position   : absolute;
    top        : 12px;
    left       : 0;
    right      : 0;
    margin     : 0 auto;
    display    : block;
    text-align : center;
    width      : 175px;
}

#home-slider {
    margin-top : -1.5rem;
    position   : relative;
}

#home-slider:before {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/slide-top-bg.png) no-repeat 50% 0;
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 1;
}

#home-slider:after {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/slide-bottom-bg.png) repeat-x 50% 100%;
    position   : absolute;
    top        : 0;
    left       : 0;
}

#home-slider .carousel-control-next, #home-slider .carousel-control-prev {
    z-index : 2;
}

#home-slider .carousel-control-next-icon, #home-slider .carousel-control-prev-icon {
    width  : 80px;
    height : 80px;
}

#home-slider .carousel-control-prev-icon {
    background-image : url(images/prev-icon.png);
}

#home-slider .carousel-control-next-icon {
    background-image : url(images/next-icon.png);
}

#home-slider .carousel-inner {
    padding-bottom : 48%;
}

.carousel.carousel-fade .carousel-item {
    opacity            : 0;
    -webkit-transition : opacity 0.75s ease-in-out;
    -moz-transition    : opacity 0.75s ease-in-out;
    -ms-transition     : opacity 0.75s ease-in-out;
    -o-transition      : opacity 0.75s ease-in-out;
    transition         : opacity 0.75s ease-in-out;
    position           : absolute;
    display            : block;
    top                : 0;
    left               : 0;
}

.carousel.carousel-fade .carousel-item.active, .carousel.carousel-fade .carousel-item-next {
    opacity : 1;
    top     : 0;
    left    : 0;
    float   : none !important;
}

.carousel.carousel-fade .active.carousel-item-left {
    top     : 0;
    left    : 0;
    opacity : 0;
    filter  : alpha(opacity=0);
    float   : none !important;
}

.carousel.carousel-fade .next, .carousel.carousel-fade .prev {

}

.carousel.carousel-fade .carousel-control {
    /*z-index: 3; */
}


#hsec-1 {
    /* background      : url(images/ad_HomePage11_07.jpg) no-repeat center center; */
    padding         : 40px 0;
    background-size : contain;
}

#hsec-1 h1 {
    font-size     : 80px;
    color         : #c12032;
    font-weight   : 600 !important;
    line-height   : 1.1;
    margin-bottom : 25px;
}

#hsec-2, #hsec-3 {
    background : #f6f6f6 url(images/bg-pattern.jpg) no-repeat 50% 0;
    padding    : 0 0 5%;
    margin-top : 5%;
}

#hsec-2 .prod-img, #hsec-3 .prod-img {
    margin-bottom : 35px;
}

#hsec-2 .prod-img img, #hsec-3 .prod-img img {
    margin-left : -100px;
}

#hsec-4 {
    background : #f6f6f6 url(images/bg-pattern-2.jpg) no-repeat 50% 0;
    padding    : 0 0 5%;
    margin-top : 5%;
}

#hsec-4 .prod-img {
    margin-bottom : 35px;
}

#hsec-4 .prod-img img {
    margin-left : -100px;
}

#hsec-5 {
    background : #fff;
    padding    : 0 0 5%;
    margin-top : 5%;
    position   : relative;
    z-index    : 2;
}

#hsec-5:after {
    content    : '';
    /* background : url(images/trees-img.png) no-repeat center bottom; */
    width      : 100%;
    height     : 100%;
    position   : absolute;
    left       : 0;
    bottom     : -3.6%;
    z-index    : 1
}

#hsec-5 h2 {
    color       : #c12032;
    font-size   : 80px;
    font-weight : 600;
}

#hsec-5 em {
    font-size : 24px;
}

#hsec-5 .logos {
    margin-top : 5%;
}

#hsec-5 .col-md-12, #hsec-5 .col-md-7 {
    z-index : 5;
}

.hero-inner {
    margin-top : -1.5rem;
    position   : relative;
}

.hero-inner:before {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/slide-top-bg.png) no-repeat center top;
    position   : absolute;
    top        : 0;
    left       : 0;
    z-index    : 1;
}

.hero-inner:after {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/slide-bottom-bg.png) repeat-x center bottom;
    position   : absolute;
    top        : 0;
    left       : 0;
}

.hero-inner.paralsecafoodserve:after {
    background : url(images/slide-bottom-bg-orrange.png) repeat-x center bottom;
}

.paral {
    min-height            : 490px;
    background-attachment : fixed;
    background-size       : auto 600px;
    background-position   : center top;
}

.para-dev {
    display         : flex;
    align-content   : center;
    align-items     : center;
    flex-direction  : column;
    flex-wrap       : nowrap;
    height          : 490px;
    justify-content : space-around;
    position        : relative;
    width           : 100%;
}

.parallax {
    width            : 100%;
    height           : 490px;
    flex             : 1;
    display          : flex;
    text-align       : center;
    position         : relative;
    overflow         : hidden;
    background-color : #000;
}

.parallax .image {
    background-attachment : fixed;
    background-size       : auto 843px;
    width                 : 100%;
    height                : 100%;
    position              : absolute;
    opacity               : 1;
}

.paralsecabout .image {
    background-image : url("images/about-hero-img.jpg");
}

.paralsecafoodserve .image {
    background-image : url("images/food-service-hero-img.jpg");
}

.paralseccookies .image {
    background-image : url("images/cookies-hero-2.jpg");
}

.paralsecpasta .image {
    background-image : url("images/pasta-hero.jpg");
}

.paralsecturmeric .image {
    background-image : url("images/turmeric-hero.jpg");
}

.paralsecsoup .image {
    background-image : url("images/soup-hero.jpg");
}

#inner-1 {
    padding    : 30px 0;
    background : #f6f6f6 url(images/inner-1-bg.jpg) no-repeat center top;
}

#inner-2 {
    padding    : 40px 0;
    background : #fff url(images/inner-2-bg.jpg) no-repeat center top;
}

#about-slide {
    max-width : 1194px;
    margin    : 0 auto 70px;
}

#about-slide .carousel-inner {
    padding-bottom : 50%;
}

#about-slide .carousel-caption {
    top            : 102%;
    bottom         : unset;
    padding-top    : 0;
    padding-bottom : 0;
    color          : #000;
    font-style     : italic;
}

#about-slide .carousel-control-next, #about-slide .carousel-control-prev {
    z-index : 2;
}

#about-slide .carousel-control-next-icon, #about-slide .carousel-control-prev-icon {
    width  : 80px;
    height : 80px;
}

#about-slide .carousel-control-prev-icon {
    background-image : url(images/prev-icon.png);
}

#about-slide .carousel-control-next-icon {
    background-image : url(images/next-icon.png);
}

#inner-1.contact {
    /* background      : url(images/ad_HomePage11_07.jpg) no-repeat center center; */
    background-size : contain;
}

.cont-list {
    padding : 6% 0;
}

.cont-list a {
    color : #000;
}

#inner-1.food-serve {
    background : #c12032 url(images/foodserve-bg.jpg) no-repeat center bottom;
    padding    : 4% 0 7%;
}

.food-serve {
    color : #fff;
}

.food-serve .cont1 p {
    font-size   : 30px;
    font-weight : 600;
    text-align  : right;
}

.food-serve .cont2 p.wicon {
    background   : url(images/phon-icon-small.jpg) no-repeat;
    padding-left : 48px;
}

.food-serve .cont2 p.wicon a {
    color   : #fff;
    display : block;
}

#food-serve2 {
    padding : 5% 0 6%;
}

#food-serve2 h1 span {
    color   : #c12032;
    display : block;
}

.food-serve-list {
    margin : 60px 0 20px;
}

.food-serve-list > div {
    margin-bottom : 60px;
}

#food-serve2 blockquote {
    font-size   : 36px;
    font-weight : 600;
    padding     : 85px 0;
    position    : relative;
}

#food-serve2 blockquote:before {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/qt-bg.png) no-repeat left top;
    position   : absolute;
    top        : 0;
    left       : 0;
}

#food-serve2 blockquote:after {
    content    : '';
    width      : 100%;
    height     : 100%;
    background : url(images/qt-end.png) no-repeat left bottom;
    position   : absolute;
    top        : 0;
    left       : 0;
}

#food-serve2 blockquote span {
    color : #c12032;
}

#inner-1.press {
    background : transparent;
}

.press-list {
    padding    : 0;
    list-style : none;
    margin     : 5% 0;
}

.press-list li {
    padding-bottom : 40px;
    margin-bottom  : 40px;
    border-bottom  : 1px solid #e4e4e4;
}

.press-list li img {
    border : 1px solid #e4e4e4;
}

.press-list li h3 {
    font-size : 28px;
}

.press-list li h3 a {
    color : #000;
}

.press-list .btn-1 {
    color     : #000;
    font-size : 17px;
    margin    : 15px 0 0;
}

#inner-1.whretobuy {
    background : transparent;
}

h1.page-title.orange {
    color : #c12032;
}

#inner-1.whretobuy h3.inth3 {
    padding   : 35px 0;
    max-width : 600px;
    margin    : auto;
}

.whereto-list h3 {
    font-size : 22px;
}

.whereto-list h3 a {
    color       : #000;
    font-weight : 400;
}

.whretobuy-sec2 {
    background      : url(images/Where-to-Buy01d_16.jpg) no-repeat center top;
    background-size : cover;
    padding-top     : 125px;
    padding-bottom  : 40px;
    margin-top      : 15px;
    margin-bottom   : 50px;
}

.whretobuy-sec2 h3 {
    color          : #fff;
    background     : url(images/small-mountain-white.png) no-repeat center bottom;
    padding-bottom : 35px;
    font-size      : 36px;
    margin-bottom  : 35px;
}

.whretobuy-sec2 p {
    font-size   : 30px;
    color       : #fff;
    font-weight : 700;
    text-align  : center;
}

#inner-1.recipes {
    background : transparent;
}

.recipe-list {
    font-size     : 16px;
    padding       : 80px 0 60px;
    border-bottom : 1px solid #e4e4e4;
}

.recipe-list:last-child {
    border : none;
}

.recipe-list .profile {
    margin : 25px 0;
}

.recipe-list .profile .r-img {
    display       : inline-block;
    border-radius : 100%;
    overflow      : hidden;
}

.recipe-list .profile p {
    display        : inline-block;
    vertical-align : top;
    margin         : 40px 0 20px 20px;
    font-weight    : 700;
    font-size      : 18px;
}

.recipes h2.wbg {
    background-position : left bottom;
    margin-bottom       : 45px;
}

.recipe-list ul li {
    padding-bottom : 5px;
}

.recipe-list .ingredients-list {
    padding    : 0;
    list-style : inside;
}

.recipe-list .ingredients-list li {
    width              : 50%;
    float              : left;
    padding-left       : 25px;
    box-sizing         : border-box;
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
}

.prod-para {

}

.prod-para .hero-inner::after {
    display : none;
}

#prod-sec-1 {
    margin-top : 0;
}

#prod-sec-1 .content-sec {
    background : #fff;
    max-width  : 1195px;
    padding    : 70px 5% 0;
}

.prod-li-desc {
    list-style : none;
}

.prod-li-desc li {
    padding     : 0 0 40px 45px;
    font-size   : 18px;
    font-weight : 600;
    background  : url(images/prod-li-icon.jpg) no-repeat 0 0;
    position    : relative;
}

.prod-li-desc li:after {
    content    : '';
    width      : 2px;
    height     : 68%;
    background : #c12032;
    position   : absolute;
    left       : 12px;
    top        : 25px;
}

.prod-li-desc li:last-child:after {
    display : none;
}

#prod-sec-2 {

}

.product-sec {
    background : #f6f6f6 url(images/bg-pattern-2.jpg) no-repeat 50% 0;
    padding    : 0 0 5%;
    margin-top : 5%;
}

.product-sec:last-child {
    margin-bottom : 100px;
}

.product-sec .prod-img {
    margin-bottom : 35px;
}

.product-sec .prod-img img {
    margin-left : -100px;
}

.product-sec h2.prod-tit {
    margin-bottom : 45px;
}

.product-sec .ing-img {
    text-align : right;
}

.product-sec .btn-1 {
    margin : 30px 0 0;
}

.prod-sec7-pasta .prod-img img {
    margin-top : 13%;
}

.clearboth {
    clear : both;
}

#return-to-top {
    position              : fixed;
    bottom                : 20px;
    right                 : 20px;
    background            : rgb(0, 0, 0);
    background            : rgba(0, 0, 0, 0.7);
    width                 : 50px;
    height                : 50px;
    display               : block;
    text-decoration       : none;
    -webkit-border-radius : 35px;
    -moz-border-radius    : 35px;
    border-radius         : 35px;
    display               : none;
    -webkit-transition    : all 0.3s linear;
    -moz-transition       : all 0.3s ease;
    -ms-transition        : all 0.3s ease;
    -o-transition         : all 0.3s ease;
    transition            : all 0.3s ease;
}

#return-to-top i {
    color              : #fff;
    margin             : 0;
    position           : relative;
    left               : 16px;
    top                : 13px;
    font-size          : 19px;
    -webkit-transition : all 0.3s ease;
    -moz-transition    : all 0.3s ease;
    -ms-transition     : all 0.3s ease;
    -o-transition      : all 0.3s ease;
    transition         : all 0.3s ease;
}

#return-to-top:hover {
    background : rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color : #fff;
    top   : 5px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight : 600;
}

h1.page-title, h2.prod-tit {
    font-size   : 64px;
    color       : #000;
    font-weight : 600;
}

.wbg {
    background     : url(images/small-mountain.png) no-repeat center bottom;
    padding-bottom : 35px;
}

.btn-1 {
    color          : #c12032;
    font-size      : 17px;
    font-weight    : 700;
    text-transform : uppercase;
    letter-spacing : 2px;
    border-bottom  : 3px solid #c12032;
    padding        : 5px 0;
    margin         : 30px auto 0;
    display        : table;
}

.btn-1:hover {
    color           : #000;
    text-decoration : none;
}

main em {
    font-family : 'Courgette', cursive;
}

body main p {
    margin-bottom : 2rem;
}

#footer {
    background  : #c12032 url(images/footer-bg.jpg) repeat-x center top;
    color       : #fff;
    padding     : 180px 0 65px;
    font-size   : 18px;
    font-family : 'Fira Sans', sans-serif;
}

#footer h3 {
    font-weight : 600;
}

#footer #social-media {
    list-style : none;
    padding    : 0;
    float      : right;
}

#footer #social-media li {
    float : left;
}

#footer #social-media li:last-child {
    padding-left : 15px;
}

#footer #social-media li a {
    display : block;
    width   : 43px;
    height  : 43px;
}

#footer #social-media li.so1 a {
    background : url(images/so1.png) no-repeat;
}

#footer #social-media li.so2 a {
    background : url(images/so2.png) no-repeat;
}

#footer .copy {
    text-align : right;
    clear      : both;
}

#footer a {
    color : #fff;
}

.bfooter {
    padding : 15px 0;
}

.bfooter p {
    font-size : 18px;
    margin    : 0;
}

.bfooter p a {
    color : #c12032;
}

body img {
    height    : auto;
    max-width : 100%;
}

@media (min-width : 1921px) {
    .parallax .image {
        background-size : cover;
    }

    #inner-1, #inner-2, #footer, #hsec-2, #hsec-3, #hsec-4, .product-sec, #inner-1.food-serve {
        background-size : 100% auto;
    }
}

@media (min-width : 1201px) {
    .container {
        max-width : 90%;
    }
}

/************************************************************************************
Portrait tablet to landscape and desktop
*************************************************************************************/
@media screen and (max-width : 1330px) {
    nav.custom .navbar-nav .nav-link {
        font-size : 16px;
        margin    : 0 15px;
    }

    .dropdown-item {
        font-size : 16px;
    }

    #food-serve2 blockquote {
        font-size : 28px;
        padding   : 55px 0;
    }
}

@media screen and (max-width : 1199px) {
    nav.custom .navbar-nav .nav-link {
        font-size : 14px;
        margin    : 0 10px;
    }

    .dropdown-item {
        font-size : 14px;
    }

    .para-dev, .parallax {
        height : 400px;
    }

    .parallax .image {
        background-size : auto 525px;
    }

    #food-serve2 blockquote {
        font-size : 18px;
        padding   : 40px 0;
    }

    #food-serve2 blockquote::after {
        background-size : 80px auto;
    }

    #food-serve2 blockquote::before {
        background-size : 35px auto;
    }

    .recipe-list .profile .r-img {
        max-width : 100px;
    }

    .whereto-list h3 {
        font-size : 18px;
    }

    .contact .cont-list h3 {
        font-size : 21px;
    }

    #home-slider::before, #home-slider::after, .hero-inner::before, .hero-inner::after, .hero-inner.paralsecafoodserve::after, #inner-1.food-serve, #footer {
        background-size : 120% auto;
    }

    .navbar-brand img {
        max-width : 125px;
        height    : auto;
    }

}

@media screen and (max-width : 991px) {
    nav.custom {
        padding : 0 0%;
    }

    .para-dev, .parallax {
        height : 335px;
    }

    .parallax .image {
        background-size : auto 520px;
    }

    .prod-li-desc {
        padding : 0;
    }

    #food-serve2 blockquote {
        margin-top : 25px;
    }

    h1.page-title, h2.prod-tit {
        font-size : 51px;
    }

    .recipe-list .profile .r-img {
        max-width : 75px;
    }

    .recipe-list .profile p {
        margin : 15px 0 20px 20px;
    }

    #home-slider::before, #home-slider::after, .hero-inner::before, .hero-inner::after, .hero-inner.paralsecafoodserve::after, #inner-1.food-serve, #footer {
        background-size : 140% auto;
    }

}

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

}

@media screen and (max-width : 838px) {
    nav.custom .navbar-nav .nav-link {
        font-size : 12px;
    }

    .dropdown-item {
        font-size : 12px;
    }

    .navbar-brand img {
        max-width : 115px;
        height    : auto;
    }
}

/************************************************************************************
Landscape phone to portrait tablet
*************************************************************************************/
@media screen and (max-width : 767px) {

    body {
        font-size : 16px;
    }

    nav.custom .navbar-nav .nav-link {
        border-top : 0;
        padding    : 8px 0;
    }

    nav.custom .navbar-nav .active > .nav-link, nav.custom .navbar-nav .nav-link.active, nav.custom .navbar-nav .nav-link.show, nav.custom .navbar-nav .show > .nav-link, nav.custom .navbar-nav .nav-link:focus, nav.custom .navbar-nav .nav-link:hover {
        border-top : none;
    }

    nav.custom .dropdown-menu {
        border : none;
    }

    nav.custom.navbar-dark .navbar-toggler {
        color        : #c12032;
        border-color : #c12032;
        margin       : 15px 0 15px 2%;
    }

    nav.custom.navbar-dark .navbar-toggler-icon {
        background-image : url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(244, 152, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }

    #home-slider::before, #home-slider::after, .hero-inner::before, .hero-inner::after, .hero-inner.paralsecafoodserve::after, #inner-1.food-serve, #prod-sec-1 .content-sec {
        background-size : 200% 10%;
    }

    #home-slider::after {

    }

    #home-slider::before {

    }

    #home-slider .carousel-control-next-icon, #home-slider .carousel-control-prev-icon, #about-slide .carousel-control-next-icon, #about-slide .carousel-control-prev-icon {
        width  : 50px;
        height : 50px;
    }

    .navbar-brand {
        top   : 5px;
        width : 110px;
    }

    .navbar-brand img {
        max-width : 100px;
        height    : auto;
    }

    h1.page-title, h2.prod-tit {
        font-size : 46px;
    }

    #hsec-1 h1 {
        font-size : 48px;
    }

    #hsec-1 {
        background-size : 80% auto;
    }

    #hsec-2 .prod-img img, #hsec-3 .prod-img img, #hsec-4 .prod-img img {
        margin-left : -12%;
    }

    #hsec-2, #hsec-3 {
        background-size : 125% auto;
    }

    #hsec-5 .logos .col {
        flex-basis : 25%;
        margin     : 10px 0;
        text-align : center;
    }

    #hsec-5 h2 {
        font-size : 46px;
    }

    #hsec-5 em {
        font-size : 21px;
    }

    #hsec-5::after {
        bottom          : -2.5%;
        background-size : 24% auto;
    }

    #footer {
        background-size : 200% 10%;
        padding         : 135px 0 35px;
        text-align      : center;
    }

    #footer #social-media {
        float      : none;
        text-align : center;
    }

    #footer #social-media li {
        float   : none;
        display : inline-block;
    }

    #footer .copy {
        text-align : center;
    }

    #footer .row > div {
        margin-bottom : 20px;
    }

    #footer .row > div:last-child {
        margin-bottom : 0;
    }

    .bfooter p {
        font-size : 14px;
        margin    : 0;
    }

    .para-dev, .parallax {
        height : 240px;
    }

    .parallax .image {
        background-size : auto 355px;
    }

    .prod-li-desc li {
        font-size : 16px;
    }

    .product-sec .prod-img img {
        margin-left : -10%;
        max-width   : 75%;
    }

    .product-sec .ing-img {
        text-align    : center;
        margin-bottom : 20px;
    }

    .product-sec {
        background-size : 225% auto;
        padding         : 0px 0 10%;
        margin-top      : 25%;
    }

    .food-serve .cont1 p {
        text-align : center;
    }

    .food-serve-list h3 {
        font-size : 16px;
    }

    .food-serve-list img {
        margin-bottom : 5px;
    }

    #about-slide {
        margin : 0 auto 0;
    }

    #about-slide .carousel-inner {
        padding-bottom : 50%;
    }

    .whretobuy-sec2 h3 {
        font-size : 28px;
    }

    .whretobuy-sec2 p {
        font-size : 24px;
    }

    .contact .cont-list h3 {
        font-size : 18px;
        margin    : 10px 0 30px;
    }

    .inglist ul {
        margin-bottom : 0 !important;
    }
}

/************************************************************************************
 Landscape phones and down
*************************************************************************************/
@media screen and (max-width : 575.98px) {
    #prod-sec-1 {
        margin-top : -3%;
    }
}

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

    body {
        font-size : 14px;
    }

    .btn-1 {
        font-size : 14px;
    }

    .navbar-brand {
        width : 85px;
    }

    .navbar-brand img {
        max-width : 85px;
        height    : auto;
    }

    nav.custom.navbar-dark .navbar-toggler {
        margin : 20px 0 20px 2%;
    }

    nav.custom .navbar-toggler-icon {
        width  : 1em;
        height : 1em;
    }

    #home-slider .carousel-control-next-icon, #home-slider .carousel-control-prev-icon, #about-slide .carousel-control-next-icon, #about-slide .carousel-control-prev-icon {
        width  : 30px;
        height : 30px;
    }

    #hsec-1 h1 {
        font-size : 38px;
    }

    h1.page-title, h2.prod-tit {
        font-size : 38px;
    }

    #hsec-2, #hsec-3, #hsec-4, #hsec-5, .product-sec {
        padding    : 0 0 10%;
        margin-top : 25%;
    }

    #footer {
        text-align : center;
        font-size  : 14px;
        padding    : 85px 0 25px;
    }

    #footer img {
        max-width : 200px;
    }

    .bfooter p {
        font-size : 12px;
    }

    .para-dev, .parallax {
        height : 140px;
    }

    .parallax .image {
        background-size       : 605px auto;
        background-repeat     : no-repeat;
        background-attachment : initial !important;
        top                   : -36px;
        height                : 200px;
    }

    .parallax.paralsecafoodserve .image {
        top : -26px;
    }

    .food-serve .cont1 p {
        font-size : 18px;
    }

    .recipe-list .profile .r-img {
        max-width : 60px;
    }

    .recipe-list .profile p {
        margin    : 15px 0 15px 10px;
        font-size : 14px;
    }

    .recipe-list .ingredients-list li {
        width : 100%;
        float : none;
    }

    #inner-2 {
        padding : 0 0 40px;
    }

    .whretobuy-sec2 h3 {
        font-size : 26px;
    }

    .whretobuy-sec2 p {
        font-size : 21px;
    }


}