@media (max-width: 1200px) {
#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;
}


.grid figure {
    width: 348px !important;
}

.Categories ul li a img {
    height: 205px;
    width: 205px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
}

.Recipes ul li a img {
    height: 277px;
    width: 224px;
    border: 1px #CCCCCC solid;
    object-fit: cover;
}

.brands ul li a img {
    height: 149px;
    width: 149px;
    border: 1px #CCCCCC solid;
    object-fit: contain;
}
.services {
    width: 630px;
}

.Recipes ul li a img {
  
    width: 249px;
    
}



.socials ul li {
   
    margin: 9px 8px;

}

}

@media (max-width: 991px) {

.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: 54px;
                padding: 13px 14px;
        height: 56px;
}
.count-text {
    font-size: 15px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 0;
    text-align: center;
}

.search1
{
	margin-top:10px;
}

}


@media (max-width: 768px) {

.logo {
    position: absolute;
    right: 15px;
    left: auto;
    margin: auto;
    width: 130px;
    top: -20px;
}

.top2 
{
   text-align: center !important
}

.top2 li {
    display: inline-block;
}
.carousel {
    height: 181px;
}


.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-menu {
    margin-right: 0px !important;
}

}




@media (max-width: 767px) {
	
	.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;
}
	
	ul.top2.welcome2 {
    margin-top: 9px!important;
	}
	
	.modal-content {
    margin-left: -19px;
    width: 453px;
}

	
	.content2{
		margin-top: -83px;
		background-color:#ffffff00;
		
	}
	ol.breadcrumb.breadcrumb-style{
		    margin-bottom: 0px;
	}
	    img#ContentPlaceHolder1_Image4 {
        width: 50%;
		}
		
	    div#ContentPlaceHolder1_Panel2 {
        margin-top: -77px;
		}
	
	a.btn-header.btn-more{
		        margin-bottom: 10px;
	}
	.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;
}

.filter{
	width:100%;
}

.products-inner ul li img
{
    /*height:275px;   */ 
    height:150px;    
    width: 100%;    
    object-fit:cover;
}
 
	
	b.about-t {
    margin-right: -54px !important;
    font-size: 19px !important;
}
	.img-gallery a{
		width: 50%!important;
         margin: 0px!important;
	}
	.litebox-overlay .litebox-container {
    position: absolute;
    top: 31%!important;
	}
	.thumbs {
    width: 100%;
    height: auto;
    margin: 9px;
    min-height: 153px!important;
	    object-fit: contain!important;
	}
	
	.grid3{
		
		display: inline-grid;
	}
	.team_thumb img {
        margin-bottom: 11px;
    }

	.col-md-12.bg-aboutus {
    margin-bottom: 68px;
   /* height: 85%;*/
   height:54%;
}
	.buttonfx {
   
     margin-right: 0px;
	}
	
	.welcome-text {
    height: 226px;
	}
	
	.text-center.footer3 p {
    text-align: center !important;
}
	.footer {
		        color: #ffffff;
    height: 350px;
	}
	
	.count-text {
            margin-right:-104px;
        font-size: 15px;
        font-weight: normal;
        margin-top: 19px;
        margin-bottom: 0;
        text-align: center;
    }
	    .count-title {
      margin-right: -105px;
        font-size: 28px;
        margin-bottom: -18px !important;
        margin-top: 36px !important;
    }
	
	.content-text.text-center p {
    margin-bottom: 42px !important;
}
	
	.intro.intro-careers .section-our-categories a, .section-our-categories .content-text, .section-our-categories .intro.intro-careers a{
	margin-left: auto!important;	
		
	}
	
	.service-wrap .service-item {
        height: 130px !important;
        width: 36% !important;
    }
		.service-wrap {

max-width: 100%;
margin: auto !important;
        display: ruby-text;
	}
	.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;
}
.amazingslider-nav-container-1 {
     padding-right: 0px; 
}

.product-addto-links {
    margin-bottom: -32px;
}

.amazingslider-img-elem-1{
/*margin-left: 34px;*/

}

.reveal-modal
{
	margin-left:0%;
	right: 0%;
   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: 203px !important;
        list-style: none;
        right: 32.50981px !important;
}

.tn3-controls-bg {
    position: absolute;
    width: 100%!important;
    height: auto!important;
    bottom: 0px;
}

.tn3-thumbs div {
        margin-right: 30px !important;
		margin-top: -3px!important;
    margin-bottom: -65px !important;
    position: absolute!important;
    overflow: hidden;
   /* width: 235px!important;*/
        width: 221px !important;
    height: 34px!important;
}
        .main-header {
        font-size: 26px;
        /* height: 70px; */
        height: 20px;
    }  


.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 
{
	        /*margin-top: 20px;
	float:right;*/
padding: 25px 0;
   /* margin-top: 10px!important;*/
}

.Categories ul li {
   
    width: 47%!important;
} 

    .Categories ul li a img {
        height: 154px !important;
        width: 235px !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 {
    height: 58px;
    width: 65px;
    /*margin-left: unset !important;*/
}

.title {
text-align: center;
    font-size: 26px;
}
.logo img {
    width: 85%;
}

.text-top2 ul li{

    padding: 0px 4px;
}
.text-center {
    margin-bottom:28px;
}

.icons-title {
    font-size: 18px;
    font-weight: 700;
    margin-top: 6px;
    color: #ae925d;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 13px;
}


	.html5-prev-touch {
	 top: 118px !important;	
}


	.html5-elem-box {
    height: 33% !important;
    margin: 237px auto !important;
}


.html5-next-touch {
    top: 118px !important;
}

	.welcome2 li:nth-child(1){
		
		
	display:none;	
	}
	
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: 100% !important;
}	
	.master{
		padding-right: 0px!important;
		
	}
	
		.pattern-line span{
   /*padding: 25px 10px 44px;
		font-size:18px;*/
		font-size:11px;
	}
	
	.breadcrumb {
    padding: 0px 0 24px 0;
    margin-bottom: -3px;
   
    margin-top: -16px;
}
	.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-right: 22px;
}


.grid figure {
            margin: 2px 0;
        width: 100%;
        height: 263px;	
}
.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;
}
.pic-welcome {
    height: 250px;
}

.services ul li {

    /*display: inline-block;*/
   /* width: 30%;*/
   display:table-cell;
    height: 135px;
          padding: 0px 11px;
        width: auto !important;

}
.services ul li .title-1 {
    height: 65px;
	        text-align: center;
}

input[type=checkbox] + label {
    display: block;
    width: auto;
    font-size: 15px;
    margin-right: 0px;
}
.col_fourth {
    width: 100%;
}
.counter {
  padding: 5px 0;
        border-radius: 0px;
        border-left: 0px #dddddd solid;
        margin: 0px 0px;
}

.wrapper {
    margin: -5px auto;
    position: relative;
}

.counter i {
          right: auto;
        top: 36px;
}


.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;
}

.caption-inner h3 {
	        padding: 17px 0 24px 0;
        font-size: 18px;
}

.cart-h img {
    top: 29px;
        height: 129px;
        width: 120px;
    object-fit: cover;
    position: absolute;
    left: 15px;
}
.cart-h {
    height: auto;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
}
.cart-border {
	        width: 50%;
    margin: 5px 0;
}




}



@media (max-width: 480px) {
	
	.modal-content {
           margin-right: 8px;
    width: 342px;
}


#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;
        padding: 0px 0px!important;
        width: auto !important;
    }
}

@media (max-width: 300px) 
{

.modal-content {
    margin-left: -7px;
    width: 258px;
}

.modal-body div a {
    font-size: 24px;
}
}