﻿@media (min-width: 1200px) {


.services {
    width: 630px;
}

.Recipes ul li a img {
  
    width: 249px;
    
}



.socials ul li {
   
    margin: 9px 8px;

}




}
@media (max-width: 1200px) {
video.video-fluid {
    width: 100%;
}



.grid figure {
    width: 348px !important;
}

.footer {
    height: 212px;

}

.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}
#cssmenu > ul > li > a {
    padding: 12px 10px 12px 10px;
    font-size: 15px;
}

.carousel {
    height: 45vw;
    position: relative;
}


.services ul li {
    display: inline-block;
    width: 175px;
    height: 135px;
    padding: 0px 0px;
}





.Categories ul li a img {
margin-bottom: 10px;
    /*height: 205px;
   /* width: 205px;*/
    border: 1px #CCCCCC solid;
    object-fit: cover;
}

.Recipes ul li a img {
    height: 277px;
    width: 234px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
}

.brands ul li a img {
    height: 149px;
    width: 149px;
    border: 1px #CCCCCC solid;
    object-fit: contain;
}

.count-title {
margin-bottom: -18px!important;
margin-top: 36px !important;
}
}

@media (max-width: 991px) {

video.video-fluid {
    width: 100%;
}

.grid figure {
    width: 310px !important;
    
}


.socials ul li {
    
    margin: 9px 8px;
}

.Categories ul li a img {
margin-bottom: 10px;
}

.Recipes ul li a img {
    
    width: 234px;
}

.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}

.padding-menu {
    margin-right: 100px !important;
}

#cssmenu {
    margin-top: 15px;
}

#cssmenu > ul > li > a {
    padding: 12px 8px;
    font-size: 13px;
}

.logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 130px;
    top: -20px;
}

.header {
    height: 100px;
}

.top {
    text-align: center;
}


.top ul {
    text-align: center;
}


.grid figure {
    width: 205px;
    height: 390px;
}

.carousel {
    height: 45vw;
    position: relative;
}

.welcome {
    padding: 40px 0 85px 0;
}
.pic-welcome {

padding-left:0;
}

.caption-carousel {
    top: 60px;
}
.caption-carousel h2 {
    font-size: 40px;
}

.blanck
{
	height:0px;
}


.qu {
    margin-top: 20px;
    font-size: 20px;
}


.col_fourth {
    width: 20%;
}

.count-title {
    font-size: 45px;
}
.counter i {
    width: 60px;
    padding:22px 0;
    height: 60px;
    top: -15px;
}
.count-text {
    font-size: 15px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}
.search1
{
	margin-top:10px;
}
.footer{
height:440;

}


.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}

.count-title {
margin-bottom: -18px!important;
margin-top: 36px !important;
}

}


@media (max-width: 768px) {

.Recipes ul li a img {
    
    width: 234px;
}

.footer {
    height: 440px;

}

.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}
.logo {
    position: absolute;
    left: 15px;
    right: auto;
    margin: auto;
    width: 130px;
    top: -20px;
}

.top2 
{
   text-align: center !important
}

.top2 li {
    display: inline-block;
}
.carousel {
height:170px;
    //height: 450px;
}

video.video-fluid {
    width: 100%;
}

.carousel-indicators {
    position: absolute;
    bottom: 30px;
    padding-right: 0px;
    z-index: 15;
    width: 100%;
    left: 0;
    padding-left: 0;
    margin-left: 0%;
    text-align: center;
    list-style: none;
}

.welcome {
    padding: 40px 0 100px 0;
    margin-bottom: 0px;
}
.pic-welcome {
 padding-left:0;
}

.Expertise {
    /*padding: 40px 0 0 0;*/
padding:0px 0px;
margin-top: -52px;
}

.padding-menu {
    margin-left: 0px !important;
}

.count-title {
margin-bottom: -18px!important;
margin-top: 36px !important;
}


.grid3 li {
    
  /*  min-width: 341px !important;*/
    min-width: 300px !important;
   
}

.number {
   
    margin-top: -11px;
    font-size: 26px;
   
}

.Categories ul li a img {
margin-bottom: 10px;
}

}




@media (max-width: 767px) {
	
.new3 {
    margin-left: 101px !important;
}
	
	.ES2024 {
    height: 53px;
}
	b.ES2024{
	display: block !important;
	}
	
	
	.about3 span {
    font-size: 20px;
}
	.service-wrap {
    transform: translateX(0%)!important;
	}
	
	img.amazingslider-thumbnail-elem.amazingslider-bullet-img-1 {
    padding: 23px;
    margin-top: -8px!important;
	}
	
	.img-gallery img {
    height: 150px;
    width: 100%;
}
	    .products-inner ul li {
        transform: translate(16%, 0%);
		}
		
	.brands3 {
    font-weight: 600;
}

	.shop-detail-content {
    margin-top: 120px;
}
	
	
	.pic-welcome {
    height: 250px;
}

	ul.top2.welcome2 {
    margin-top: 9px!important;
	}
	
	.img-gallery a{
		width: 50%!important;
         margin: 0px!important;
	}
	
	.thumbs {
    width: 100%;
    height: auto;
    margin: 9px;
    min-height: 153px!important;
	    object-fit: contain!important;
	}
	
	.litebox-overlay .litebox-container {
    position: absolute;
    top: 31%!important;
	}
	
	.html5-prev-touch {
	 top: 118px !important;	
}

	.html5-next-touch {
    top: 118px !important;
}
	.html5-elem-box {
    height: 33% !important;
    margin: 237px auto !important;
}

	.welcome2 li:nth-child(1){
		
		
	display:none;	
	}
	
	.master{
		padding-right: 0px!important;
		
	}
	
	div#ContentPlaceHolder1_Path_div {
    margin-top: 77px;
}

	.cart-border {
    border: 1px #ebebeb solid;
    padding-bottom: 7px;
    padding-top: 7px;
	}
	
	.btn-cart {
  
    width: 28px;
    height: 31px;
 
    font-size: 15px;
	}
	
	.cart-h.price1 {
    display: none;
}

	.col-xs-4.cartnum {
    margin-left: 22px;
}

	.service-wrap {
    /* margin: 64px 24px 0px 125px; */
    /*transform: translateX(3%)!important;*/
	}
	.breadcrumb {
            padding: 0px 0 24px 0;
        margin-bottom: -3px;
        margin-top: -16px;
}
	
	.pattern-line span{
   /* padding: 25px 10px 44px;
		font-size:18px;*/
		font-size:11px;
	}
	
	a.btn-header.btn-more {
    margin-bottom: 10px;
}
	img#ContentPlaceHolder1_Image4 {
		        width: 50%;
    margin-top: -23px;
}

.content2 {
		margin-top: -83px;
		background-color:#ffffff00;
		
	
}

ol.breadcrumb.breadcrumb-style {
	margin-top: -50px!important; 
   /* padding: 0px 0 12px 0;*/
        margin-bottom:0px;

/*    margin-top: -96px!important;*/
}

div#ContentPlaceHolder1_Panel2 {
    margin-top: -77px;
    /* margin-bottom: -40px; */
}

div#myModal {
        display: grid;
        position: fixed;
	    top: 237px!important;
    width: 100%;
    left: 83%;
}
.reveal-modal {
    visibility: hidden;
    top: 259px;
    left: 83%;
}

div#myModal3 {
 	position:fixed;
    left: 83%;
    top: 261px!important;
    margin-left: -293px;
    width: 97% !important;
}	
	.products-inner ul
{
	/* text-align:center;*/
	 /*padding-left: 0;*/
	 display: flex;
    /* text-align: center; */
    padding-left: 0;
    align-content: center;
    flex-wrap: wrap;
}

.product-content h5 {

    font-size: 12px!important;
}

	.products-inner ul li
{
  /*  width: 260px;*/
    display: inline-block;
    /*margin: 0 10px 20px 9px ;*/
	    width: 156px;
    margin: 0 2px 11px 5px;
    border-radius:0px;    
	padding: 0px 0px;
	-webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    overflow:hidden;    
    position:relative;
}



.products-inner ul li img
{
    /*height:275px;   */ 
    height:150px;    
    width: 100%;    
    object-fit:cover;
}
 
	
	b.about-t {
    margin-left: -54px !important;
    font-size: 19px !important;
}


.footer{
    color: #ffffff;


}

.amazingslider-nav-container-1 {
     padding-right: 0px; 
}

.product-addto-links {
    margin-bottom: -32px;
}

.amazingslider-img-elem-1{
/*margin-left: 34px;*/

}

.reveal-modal
{
   width: 100%!important;
}
.title-o {

    font-size: 22px;
}



.title-w span {
   
    font-size: 10px;
}
.title-w {
    color: #2a3855;
    font-size: 27px;
}

.categories .grid-item:nth-of-type(1) {
   
    top: -33px!important;
}
.categories .grid-item:nth-of-type(2) {
   
    top: 272px!important;
}
.categories .grid-item:nth-of-type(3) {
   
    top: 461px!important;
}
.categories .grid-item:nth-of-type(4) {
   
    top: 736px!important;
}
.categories .grid-item:nth-of-type(5) {
   
    top: 1011px!important;
}
.categories .grid-item:nth-of-type(6) {
   
    top: 1190px!important;
}
.categories .grid-item:nth-of-type(7) {
   
    top: 1513px!important;
}
.categories .grid-item:nth-of-type(8) {
   
    top: 1764px!important;
}

.categories .grid-item:nth-of-type(9) {
   
    top: 2016px!important;
}

    .categories .grid-item:nth-of-type(1) .grid-image {
        height: 298px!important;
    }
.categories .grid-item:nth-of-type(2) .grid-image {
        height: 182px!important;
    }
.categories .grid-item:nth-of-type(3) .grid-image, .categories .grid-item:nth-of-type(4) .grid-image {
        height: 268px!important;
    }
.categories .grid-item:nth-of-type(5) .grid-image {
        height: 172px!important;
    }
    .categories .grid-item:nth-of-type(6) .grid-image {
        height: 315px!important;
    }
.categories .grid-item:nth-of-type(7) .grid-image, .categories .grid-item:nth-of-type(8) .grid-image {
        height: 244px!important;
    }

    .categories .grid-item:nth-of-type(9) .grid-image {
        height: 220px!important;
    }

    .matters-to-us .main-header {
        /*font-size: 20px;
        height: 46px;
    margin: -2px 3px 19px 20px;*/
}
.tn3-sep1{
height:auto!important;
}
.tn3-sep2{
height:auto!important;
}
.tn3-sep3{
height:auto!important;
}
.tn3-play{
left:3px!important;
}
.tn3-prev-page{
left:27!important;
}


.sort2 .form-control {
    margin-bottom: 6px !important;
}

.sort {
padding-bottom: 10px;
    display: table-cell;
}

.tn3-full-image {
    width: 100% !important;
    height: auto !important;
    left: 0px !important;
}

#content {
    width: 100%!important;
    margin: 0px auto;
}

.tn3-image-in {
    width: 100%!important;
    height: 100%!important;
}

.tn3-gallery {
    position: relative!important;
    width: 100%!important;
    height: auto!important;
}

.tn3-thumbs {
    position: absolute;
    width: 100%!important;
    height: 37px!important;
    bottom: 0px!important;
    left: 0px!important;
}
.tn3-full-image img {
    width: 100%!important;
    height: 100%!important;
}

.tn3-image {
    height: 38%!important;
    position: absolute;
    width: 100%!important;
    background-color: #000000;
}

.tn3-in-image {
    left: 0px !important;
    width: 100% !important; 
    height: auto !important; 
}

.tn3-thumbs ul {
    margin-bottom: 41px!important;
    position: absolute;
    border-width: 0px;
    width: 178px!important;
    list-style: none;
    left: 13.50981px!important;
}

.tn3-controls-bg {
    position: absolute;
    width: 100%!important;
    height: auto!important;
    bottom: 0px;
}

.tn3-thumbs div {
margin-left: 15px !important;
    margin-top: -3px!important;
    margin-bottom: -65px !important;
    position: absolute!important;
    overflow: hidden;
   /* width: 235px!important;*/
width:164px!important;
    height: 34px!important;
}


.lable-white {
    margin: 3px 0;
}

.margin-top {
    text-align: center;
    font-weight: 600;
}

.form-control {
   
    height: 41px;
}


.Categories {
    padding: 61px 0;
}

.title-Recipes {
  
    margin-top: 10px;
}

.Recipes ul li {
 
    margin: 13px 1px;
}

.brands {
padding: 25px 0;
   /* margin-top: 10px!important;*/
}

.Categories ul li {
   
    width: 47%!important;
}
.nav-tabs>li>a {
    padding: 7px 2px;
}

.cycle-tab-item {
    border-bottom: 1px solid #1b2f52 !important;
    height: 50px;
    width: 48%!important;
}

.tab-pane {

    margin: 109px auto;
height:auto!important;
    text-align: center; 	
   
}

.pic-welcome img {
    width: 100%;
    height: 100%;
}

.btn-header {
    
    padding: 9px 20px;
}

.services ul li img {
	  /*  margin-left: 0px!important;*/
    height: 58px;
    width: 65px;
   /* margin-left: unset !important;*/
}

.title {
text-align: center;
    font-size: 24px;
}
.logo img {
    width: 85%;
}

.text-top2 ul li{

    padding: 0px 4px;
}
.text-center {
    margin-bottom: 28px !important;
}

.icons-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 6px;
    color: #ae925d;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 13px;
}

.titlefooter {
    margin-top: 15px;
  
    color: #ae925d;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: -8px;
  
}

.icons-footer{
padding: 0px 0;
}

.icons-footer img {
     
margin-top: 11px !important;
    width: 60px;
}

.socials img {
        margin-top: -12px !important;
    width: 40px;
}

.copyright {
    padding: 4px 0;
}

    .count-text {
   
        margin-right: 106px;
        font-size: 15px;
}

.col-md-12.bg-aboutus.s2 {
    color: #22294d;
    background-color: #c2a875;
}

.service-wrap .service-item {
    background-color: unset !important;
/*margin: 0 75px -4px;*/
    /* height: 230px; */
    /* width: 230px; */
  /*  height: 185px;*/
    /*width: 185px;*/
	        height: 111px;
        width: 41%;
        margin: 0 1px 57px;

}

.intro.intro-careers .section-our-categories a, .section-our-categories .content-text, .section-our-categories .intro.intro-careers a{
	
	    margin-right: 0px!important;
       margin-bottom: 50px!important;
	
}

.team_thumb img {
    margin-bottom: 11px;
}

.main-header {
    /*height: 70px;*/
   height: 20px;
}

.reveal-modal{
left:0%;
}

.service-wrap{
max-width: 100%;
margin: auto !important;
        display: ruby-text;

}

.bg-aboutus img {
    padding-top: 35px;
}

.col-md-12.bg-aboutus {
    margin-bottom: 68px;
   /* height: 85%;*/
   height:54%;
}

.col-md-12.bg-aboutus p {
    font-size: 16px !important;
}

p.about-p.btn-header a {
    font-size: 13px !important;
}


.footer {
  /*  height: 440px;*/
height:370px!important;

}

.Recipes ul li a img {
    
    width: 234px;
}

.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}

.grid figure {
    margin: 2px 0;
    width: 100%;
   /* height: 455px;*/
height:256px;
}
.copyright
{
    text-align:center;
}
.copyright .socials {
    text-align:center;
}
.code_apply {
    display: block;
    padding: 12px 20px;
    margin: 0px 0px 10px 20px;
    min-height: 50px;
    color: #fff;
    width: 100%;
    float: right;
}
.pic-inner {
    width: 100%;
    height: auto;
    margin-left: 0px;
    margin-bottom: 30px;
    float: none;
}

.services ul li {
    /*display: inline-block;*/
   /* width: 30%;*/
   display:table-cell;
    height: 135px;
       
        
}
.services ul li .title-1 {
	width: 116px;
    height: 71px;
	        text-align: center;
}

input[type=checkbox] + label {
   /* display: block;*/
    width: auto;
    font-size: 15px;
    margin-right: 0px;
}
.col_fourth {
    width: 100%;
}
.counter {
   /* padding: 20px 0;*/
        padding: 1px 0;
    border-radius: 0px;
    border-left: 0px #dddddd solid;
    margin: 0 0px;
}


.counter i {
width: 40px;
               padding: 13px 14px;
        height: 40px;
    right: auto;    
   /* top: -5px;*/
top:38px;
}

.modal-dialog {
     margin: 50% 0%;
    width: 100%;
}

#amazingcarousel-1 .amazingcarousel-prev {
    margin-left: -25px;
}
#amazingcarousel-1 .amazingcarousel-next {
    margin-right: -25px;
}


.text-top2 {
    text-align: center;
}

.top ul 
{
    text-align: center;
    margin-bottom:5px;
    margin-top:5px;
}

#cart_mini_form {
    position: fixed;
    z-index: 999;
    min-width: 100%;
}

.cart2:hover #cart_mini_form {
    top: 65px;
}


.grid2 figure img {
    padding: -39px;
    width: 100%;
    display: block;
    height: 301px;
}
		
		    .grid2 li {
        width: 100%;
        min-width: 136px;
        margin: 3px 0;
			}
			
.caption-inner h3 {
	            padding: 17px 0 24px 0;
        font-size: 18px;
}

.breadcrumb>li {
    display: inline-block;
    font-size: 9px;
}

.cart-h img {
    top: 29px;
        height: 129px;
        width: 120px;
    object-fit: cover;
    position: absolute;
    right: 15px;
}
.cart-h {
    height: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.cart-border {
	        width: 50%;
    margin: 5px 0;
}

.count-title {
        font-size: 28px;
/*margin-bottom: -18px!important;*/
/*margin-top: 36px !important;*/
        margin-left: -105px;
}
.Categories ul li a img {

    height: 154px!important;
    width: 235px!important;
margin-bottom: 10px;
}


}
@media (max-width: 600px) {
.modal-content {
    margin-left: -19px;
    width: 453px;
}
}

@media (max-width: 480px) {
.modal-body div a {
    font-size: 33px;
   
}

.modal-content {
    margin-left: -7px;
    width: 342px;
}

.Categories ul li a img {
margin-bottom: 10px;
}

.Recipes ul li a img {
    
    width: 234px;
}
.count-title {
margin-bottom: -18px!important;
margin-top: 36px !important;
}
.footer {
    height: 440px;

}

.title-Recipes {
   
    font-size: 18px !important;
    font-weight: 800 !important;
   
}

#amazingcarousel-1 .amazingcarousel-prev {
    margin-left: -60px;
}
#amazingcarousel-1 .amazingcarousel-next {
    margin-right: -60px;
}

}

@media (max-width: 380px) {
	
    .products-inner ul li {
        transform: translate(0%, 0%);
	}

    .services ul li {
        /* display: inline-block; */
        /* width: 30%; */
        display: table-cell;
        height: 135px;
        
    }
}


@media (max-width: 300px) 
{

.modal-content {
    margin-left: -7px;
    width: 258px;
}

.modal-body div a {
    font-size: 24px;
}
}