@media (min-width: 1920px) and (max-width: 2560px) {

}
@media (min-width:992px) and (max-width:1024px){
  .ma5menu__toggle,
  .ma5menu{
    display: none;
  }
  /* .navbar{
    display: block;
  } */
  .home-intro .overlay-intro .sweet_img{
    top: -50%;
  }
  .home-intro .overlay-intro .sweet_img_1{
    /* top:260%; */
  }
  /* .navbar{
    padding: 0rem 9.4rem;
    padding-right: 1rem;
  } */
  .header-container .header-overlay{
    padding-top: 8%;
  }
  .header-container h4, .header-container small{
    font-size: 1.2rem;
  }
  footer .footer-body .footer-img{
    margin-left: 12.2%;
  }
  .dropdown-menu:after, .dropdown-menu:before{
    left:20%;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu{
    margin-left: -80%;
  }
  .navbar-expand-lg .navbar-nav li:nth-child(4) .dropdown-menu{
    margin-left: -255%;
  }
  .navbar-nav li:nth-child(4) .dropdown-menu:after, .navbar-nav li:nth-child(4) .dropdown-menu:before{
    left:55%;
  }
  .navbar-expand-lg .navbar-nav li:nth-child(5) .dropdown-menu{
    margin-left: -695%;
  }
  .navbar-nav li:nth-child(5) .dropdown-menu:after, .navbar-nav li:nth-child(5) .dropdown-menu:before{
    left:74%;
  }
}
@media(min-width: 768px) and (max-width: 991px){
    .sweet_img_top_test {
      position: absolute;
      right: -3%;
      top: -4%;
      z-index: 1;
      width: 18%;
      height: auto;
    }
    .sweet_img_bottom_test {
      position: absolute;
      left: -3%;
      bottom: -4%;
      z-index: 1;
      width: 23%;
      height: auto;
    }
  .ma5menu__toggle,
  .ma5menu{
    display: block;
  }
  .ma5menu__head{
    height: 250px;
  }
  .ma5menu__panel--active > ul li a, .ma5menu__panel--active > ul li .ma5menu__category{
    font-size: 2rem;
  }
  .navbar{
    display: none;
  }
  .home-intro .overlay-intro .sweet_img{
    width: 40% !important;
    position: absolute;
    left: 70%;
    top: -60%;
  }
  .home-intro .overlay-intro .sweet_img_1{
    position: absolute;
    /* left: -7%;
    top: 335%; */
    width: 30%;
  }
  .home-intro .overlay-intro .home_img,
  .home-intro .overlay-intro .home_img_1{
    left: 28%;
  }
  .home-intro .overlay-intro .home_img_1{
    position: absolute;
    bottom: -6%;
    /* top: 78%; */
  }
  .products .product-content{
    padding:10px;
  }
  .products .product-content img{
    width: 100%;
  }
  .home-intro .overlay-intro .home_img {
    position: absolute;
    /* margin: auto; */
    top: 0%;
    /* bottom: 10%; */
  }
  .slick-slide.slick-current.slick-active.slick-center{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    padding: 0px;
  }
  .slick-slide img{
    width: 100%;
    padding-left: 2.5rem;
    padding-right:2.5rem;
  }
  .slick-slide{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.2;
  }
  .dropdown-menu{
    background-color: transparent;
  }
  .dropdown-menu img.drop_img{
    top:35%;
    left:3%;
  }
  .dropdown-menu img.drop_img_1{
    bottom: 10%;
    right:3%;
  }
  .header-container .header-overlay{
    padding-top: 12%;
  }
  .navbar{
    padding: 0rem 0rem;
    padding-left: 0rem;
  }
  footer .footer-body .footer-img{
    margin-left:-18%;
  }
  .navbar-brand{
    display: none;
  }
  .navbar-expand-lg .navbar-nav .nav-link{
      margin-top: 3%;
      font-size: 1.5rem;
      margin-right: 0rem;
      margin:auto;
      text-align: center;
  }
  .navbar-nav .nav-item:last-child .nav-link{
    margin-top: 0%;
  }
  nav a.lang{
    border:1px solid #e05c26;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* margin-right: 0%; */
  }
  nav a.lang:hover{
    background: #e05c26;
  }
}
@media (max-width: 767px )
{
  .slick-prev:before, .slick-next:before{
    font-size: 1.3rem;
  }
  .border-right-white{
    border-right: 0px solid #E05C26 !important;
  }
  .header_border_img{
    height: 100%;
  }
  .view-more-btn-1{
    width: auto;
  }
  .no-mobile{
    display: none;
  }
  .slick-next{
    right:0px !important;
  }
  .slick-prev{
    left: 0px !important;
  }
  .slick-slide.slick-current.slick-active.slick-center{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
    padding: 0px;
  }
  .slick-slide img{
    width: 100%;
    padding-left: 0.5rem;
    padding-right:0.5rem;
  }
  .slick-slide{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0.2;
  }
  .contact-info h1{
    font-size: 1.4rem;
  }
  .contact-info h3{
    font-size: 0.9rem;
  }
  .contact-info p{
    font-size: 0.7rem;
  }
  .contact-info strong{
    font-size: 0.8rem;
  }
  .factory-body .factory-title p{
    font-weight: 300;
    font-size: 0.8rem;
  }
  .factory-body .factory-title h1{
    font-size: 1.5rem;
  }
  .factory-body .factory-title h5{
    font-size:1rem;
  }
  .products .product-content{
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .dialog-content{
    padding-left: 0%;
    padding-right: 0%;
  }
  footer .footer-body h6{
    font-size: 0.9rem;
  }
  footer p, footer label{
    font-size: 0.8rem;
  }
  .social ul img{
    width: 70% !important;
  }
  #small-dialog svg{
    display: none;
  }
  .dialog-content h3{
    font-size: 1.3rem;
    font-weight: 700;
  }
  .products .products-title h1{
    font-size: 1.4rem;
  }
  .products .products-title p{
    font-size: 1.2rem;
  }
  .products .product-content h5{
    font-size: 1rem;
  }
  .products .product-content p{
    font-size: 0.8rem;
  }
  .products .product-content img {
    width: 100% !important;
  }
  .ma5menu__toggle,
  .ma5menu{
    display: block;
  }
  .navbar{
    display: none;
  }
  .home-intro .overlay-intro .sweet_img{
    width: 20% !important;
    position: absolute;
    right: -14px;
    top: -3%;
  }
  .home-intro .overlay-intro .sweet_img_1{
    width: 20% !important;
    position: absolute;
    /* left: -18%;
    top: 650%; */
  }
  .home-intro .overlay-intro .home_img{
    left:23%;
    width: 55%;
    top:-3%;
  }
  .home-intro .overlay-intro .home_img_1{
    top:90%;
    width: 55%;
    left: 23%;
  }
  .home-intro .overlay-intro .overlay-content .intro-desc-1{
    margin-top: 10%;
  }
  .home-intro .overlay-intro .overlay-content .intro-desc-1 p,
  .home-intro .overlay-intro .overlay-content .intro-desc-2 p{
    text-align: center !important;
    font-size: 0.8rem;
  }
  .home-product .prod-content .prod-intro p{
    padding-left: 0%;
    padding-right: 0%;
    font-size: 0.8rem;
  }
  .home-factory .factory-content .factory-intro p{
    font-size: 0.8rem;
  }
  .home-intro .overlay-intro .overlay-content .intro-title{
    padding-right: 0%;
    padding-left: 0%;
  }
	.dropdown-menu img.res-img{
		margin-top: -8%;
	}
	footer .footer-body .footer-img img{
		width: 80%;
	}
	footer .footer-body .footer-img{
		margin-left: 0px;
    margin-right: -4.2%;
	}
	footer p{
		padding-right: 0rem;
	}
  .contact-info .col-md-6:nth-child(1){
    border-right: 0px solid #fff !important;
  }
  .contact-info .contact-title{
    float:none !important;
    text-align: left !important;
  }
  .contact-info ul{
    float: none !important;
    text-align: left;
    padding-left: 0px;
    margin-left: 0%;
  }
	/* footer .footer-body .social img{
		width: 70% !important;
	} */
	footer .footer-body .social ul li{
		margin-bottom: 10px;
	}
	.header-container .header-overlay{
		padding-top: 5%;
	}
	.header-container h4{
		font-size: 0.8rem;
	}
	.header-container p{
		font-size: 0.8rem
	}
	.navbar
	{
		/* padding: 0rem 0rem; */
		/* padding: .5rem 0.5rem; */
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		margin-top: 0%;
		text-align: center;
		margin-right: 0rem;
		font-size: 1.3rem;
	}
	.navbar-brand{
		display: none;
	}
	.products-imgs{
    text-align: center;
    padding-bottom: 0%;
    padding-left: 1rem;
    padding-right: 1rem;
	}
	.products-imgs img{
		margin-bottom: 1rem;
	}
	.navbar-nav .nav-item:last-child .nav-link{
		padding-right: 0px;
		/* float: right; */
		/* right: 0; */
		margin-right: 0rem;
		margin-left: 0px;
		margin-top: 0%;
		text-align: center;
	}
	.navbar-toggler-icon
	{
		width: 1.5rem;
		height: 2.5rem;
	}
	.navbar-dark .navbar-toggler{
		border-color: #e05c26;
		color: rgba(224, 92, 38, 0.5);
		border-radius: 50%;
		width: 3rem;
		height: 3rem;
	}
	#small-dialog .col-md-3,
	#small-dialog1 .col-md-3,
	#small-dialog2 .col-md-3{
		margin-bottom: 2%;
		text-align: center;
	}
	.factory-body .factory-title{
		padding-right: 0%;
    padding-left: 0%;
    margin-bottom:0% !important;
	}
	.header{
		margin: auto;
		width: auto;
	}
	.header-container{
		padding: 0px;
		height: 100%;
	}
	.home-intro{
		height: auto;
	}
	.home-intro .overlay-intro .overlay-content .intro-desc-1{
		padding-left: 0%;
	}
	.home-intro .overlay-intro .overlay-content .intro-desc-2{
		padding-right: 0%;
	}
	.home-intro .overlay-intro{
		height: auto;
	}
	.row{
		margin-left: 0px;
		margin-right: 0px;
	}
	.home-product .prod-content .prod-title h2{
		font-size: 1.4rem;
	}
	.home-product .prod-content ul{
		padding-left: 0px;
	}
	.home-product .prod-content ul li{
		margin-right: 2%;
		margin-bottom: 5%;
	}
	.home-product .prod-content ul li.gray{
		padding: 40px 50px;
	}
	.home-factory .factory-content .factory-img{
		padding-right: 0px;
		margin-top: 5%;
	}
	.form-group{
		margin-bottom: 0.5rem;
	}
	footer .footer-body .footer-form a{
		padding-left: 30px;
		border-radius: 20px;
		padding-right: 30px;
		padding-top: 2px;
		padding-bottom: 3px;
	}
	footer .footer-body .col-md-6:nth-child(1){
		border-right: 0px solid #f3f3f3;
	}
	footer .footer-body{
		padding-top: 9%;
    padding-bottom: 8%;
	}
	footer .footer-body .social{
		padding-top: 5%;
    padding-bottom: 5%;
    text-align: center;
	}
	.dropdown-menu{
		background-color: #3c3842;
		color: #f8f8f8;
	}
	.dropdown-item{
		color: #f8f8f8;
	}
	/* footer .footer-body{
		padding-bottom: 8%;
	} */
	.contact-intro{
		height: 100%;
	}
	.contact-intro .container-fluid .col-md-6:nth-child(1) {
		margin-bottom: 10px;
	}
	.contact-intro .container-fluid {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
  .home-intro .overlay-intro .overlay-content{
    padding-right: 3%;
    padding-left: 3%;
  }
  .home-intro .overlay-intro .overlay-content .intro-title{
    margin-top: 10%;
  }
  .home-intro .overlay-intro .overlay-content .intro-title h4{
    font-size: 1rem;
  }
}
@media (min-width:768px) {
    .no-mobile-1{
      display: none;
    }
    .no-mobile{
      display: flex;
    }
}
@media(min-width:321px) and (max-width:375px){
  /* .home-intro .overlay-intro .sweet_img_1{
    top:635%;
  } */
  .home-intro .overlay-intro .sweet_img_1{
    left: -1%;
    bottom: -3%;
    width: 20% !important;
  }
}
@media (max-width:360px){
  .home-intro .overlay-intro .sweet_img_1{
    /* top:665%; */
    width: 20% !important;
    position: absolute;
    /* left: -16%; */
  }
  .products .product-content h5{
    font-size:0.8rem;
  }
  .products .product-content p{
    font-size: .62rem
  }
}
@media(min-width:376px) and (max-width:414px){
  .home-intro .overlay-intro .sweet_img_1{
    width: 11% !important;
    position: absolute;
    left: 0%;
    /* top: 470%; */
  }
}
@media (max-width: 320px){
  .dialog-content{
    padding-left: 0%;
    padding-right: 0%;
  }
  .products .product-content{
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .social ul img{
    width: 60% !important;
  }
  .dialog-content h3{
    font-size: 1.1rem;
  }
  .dialog-content p{
    font-size: 0.9rem;
  }
  .header-container p{
    font-size: 0.5rem;
  }
  .header-container h4{
    font-size: 0.6rem;
  }
  .products .products-title h1{
    font-size: 1.5rem;
  }
  .products .products-title p{
    font-size: 1rem;
  }
  .products .product-content h5{
    font-size: 0.8rem;
  }
  .products .product-content p{
    font-size: 0.5rem;
  }
	footer .footer-body h4{
		font-size: 13px;
	}
	footer .footer-body .social ul li{
		margin-right: 8px;
	}
	footer .footer-body .social p{
		font-size: 0.8rem;
	}
	.home-factory .factory-content .factory-intro h1{
		font-size: 2rem;
	}
	.home-factory .factory-content .factory-intro p,
	.home-intro .overlay-intro .overlay-content .intro-desc-1 p,
	.home-intro .overlay-intro .overlay-content .intro-desc-2 p{
		font-size: 0.8rem;
	}
	.home-factory .factory-content a,
	.home-product .prod-content .prod-intro a{
		font-size: 0.8rem;
		padding-right: 10px;
		padding-left: 10px;
	}
	.home-product .prod-content .prod-intro p{
		font-size: 0.9rem;
	}
	.home-intro .overlay-intro .overlay-content .intro-title{
		padding-left: 5%;
		padding-right: 5%;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		font-size: 1rem;
	}
}
/*---------------------from Hani------------------------------*/

@media (max-width: 768px){
  .home_mob_container {
    padding: 0 12%;
  }

  .sweet_img_bottom {
    position: absolute;
    left: -11%;
    bottom: -4%;
    z-index: 1;
    width: 37%;
    height: auto;
  }
  .sweet_img_top {
    position: absolute;
    right: -11%;
    top: -1rem;
    z-index: 1;
    width: 29%;
    height: auto;
  }
  .sweet_img_bottom_test {
    position: absolute;
    left: -11%;
    bottom: -1%;
    z-index: 1;
    width: 37%;
    height: auto;
  }
  .sweet_img_top_test {
    position: absolute;
    right: -11%;
    top: -1rem;
    z-index: 1;
    width: 29%;
    height: auto;
  }
  .header-overlay {
    position: relative;
  }
  .primary-img {
    height: 5rem;
  }
  .tasty-products-row-1 img, .tasty-products-row-2 img{
    width: 100%;
  }


  .tasty-products-row-2 > .col, .tasty-products-row-1 > .col{
    padding: 0 5px;
  }
  .home-product .prod-content .prod-intro p {
    padding-left: 10%;
    padding-right: 10%;
  }
  footer .footer-body .social ul {
    width: 100%;
  }
  footer .footer-body .social ul li {
    margin-right: 0px;
  }
  .social-media-title {
    width: 100%;
    margin-top: 2rem;
  }
  .copy-right {
    width: 100%;
    text-align: center;
  }
  .map {
    height: 200px;
  }
   .contact-info{
    padding-bottom: 0;
  }
  .factory-body{
    padding-bottom: 5%;
  }
}