/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1500px) { 
	.container{
		max-width: 1430px;
	}
}
@media (min-width: 1366px) and (max-width: 1499.98px){
	html{
		font-size: 56%;
	}
	.container{
		max-width: 1320px;
	}
    .menu_img_align_wrap
    {
        height: 160px;
    }
    .menu_img .hover_overlay > span
    {
        line-height: 30px;
        font-size: 14px;
    }
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 50%;
	}
	.container{
		max-width: 1160px;
	}
    .menu_img_align_wrap
    {
        height: 140px;
    }
    .menu_img .hover_overlay > span
    {
        line-height: 28px;
        font-size: 14px;
    }
}
@media (min-width: 1200px){
	.container.container_md{
		max-width: 1190px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 41%;
	}
	.container{
		max-width: 960px;
	}
    .menu_img_align_wrap
    {
        height: 120px;
    }
    .menu_img .hover_overlay > span
    {
        line-height: 25px;
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991.98px){
	.container,
	.container-fluid{
		max-width: 730px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 58%;
	}
	header{
		position: sticky;
		top: 0;
	}
	.top_header{
		padding-left: 0;
		padding-right: 0;
	}
	.menu_text {
	    text-transform: uppercase;
	    font-size: 3rem;
	    position: absolute;
	    top: 0;
	    left: 0;
	    padding: 0;
	    height: 100%;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    opacity: 0;
	    pointer-events: none;
	    z-index: 999999;
	}
	.menu_text.current{
		opacity: 1;
		pointer-events: all;
	}
	.middle_menu{
		padding-left: 0;
		padding-right: 0;
	}
	.right_menu{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.right_menu .header_btn{
		display: none;
	}
	.search_toggle{
		font-size: 2.6rem;
		color: var(--dark_red);
		cursor: pointer;
	}
	.middle_menu{
		background-color: #fff;
	}
	.search_wrap{
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		max-width: 100%;
		background-color: #fff;
		padding: 1.5rem 1.5rem;
		display: none;
	}
	.menu_wrapper {
	    position: absolute;
	    top: 0;
	    width: 100%;
	    left: -100%;
	    background-color: #fff;
	    z-index: -1;
	    -webkit-transition: 0.3s;
	    -o-transition: 0.3s;
	    transition: 0.3s;
	    display: block;
	    padding-bottom: 6rem;
	    padding-top: 9rem;
	    overflow: auto;
	    height: 100vh;
	 }
	.menu_wrapper.current{
		left: 0;
	}
	.hamburger-menu {
		display: block;
	}
	.menu {
	    display: block;
	    margin-left: 0;
	    margin-right: 0;
	}
	.menu>ul{
		display: block;
		margin-bottom: 3rem;
	}
	.menu>ul>li{
		padding: 0;
		margin-left: 0;
	}
	.menu>ul>li>a{
	    padding: 2.2rem 0 !important;
	    color: #212529;
	}
	.menu>ul li.dropdown_wrap:hover {
	    background-color: transparent;
	}
	.menu>ul li.dropdown_wrap:hover>a {
	    color: #212529 !important;
	}
	.menu>ul>li{
		border-bottom: 0.1rem solid #E6E6E6;
	}
	.menu>ul li>a{
		width: 100%;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.menu>ul>li.dropdown_wrap>a::after{
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.menu>ul>li.dropdown_wrap>a.open::after{
		-webkit-transform: translateY(-50%) rotate(-180deg);
		    -ms-transform: translateY(-50%) rotate(-180deg);
		        transform: translateY(-50%) rotate(-180deg);
	}
	.menu>ul>li>a {
	    font-size: 2.4rem;
	}
	.menu>ul li.dropdown_wrap{
		padding-left: 0;
		padding-right: 0;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}
	.menu>ul li.dropdown_wrap>.mega_menu {
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	    opacity: 1;
	    padding: 0;
	    pointer-events: all;
	    width: 100%;
	    left: 0;
	    position: relative;
	    display: none;
	    background-color: #F6F6F6;
	    -webkit-box-shadow: none;
	            box-shadow: none;
	}
	.menu>ul li.dropdown_wrap>.mega_menu .container-fluid{
		padding-left: 0;
		padding-right: 0;
	}
	.mega_menu .col_five:not(.no-gutters)>div {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.menu_img,
	.menu_content{
		display: none;
	}
	.mega_menu .mb_55{
		margin-bottom: 0;
	}
	.menu_header{
		padding: 0;
		display: block;
	}
	.menu_header a:last-child{
		display: none;
	}
	.menu_header a{
		display: block;
		padding: 1.5rem 2rem;
		border-top: 0.1rem solid #D6D6D6;
	}
	.menu_header h6{
		font-size: 2.2rem;
		font-weight: 400;
		color: #212529;
	}
	.header_btn {
	    font-size: 1.8rem;
	    padding: 1.5rem 1.9rem;
	}
	.contact_details>p{
		color: #A9A9A9;
		font-size: 1.8rem;
		padding-bottom: 1.8rem;
		margin-top: 3rem;
	}
	.contact_details .contact_item{
		margin-bottom: 1rem;
	}
	.contact_details .contact_item,
	.contact_details .contact_item p strong{
		font-size: 2.2rem;
	}
	.contact_details .contact_item p{
		color: var(--dark_blue);
		font-size: 1.9rem;
	}
	header.current .logo,
	header.current .search_toggle{
		opacity: 0;
		pointer-events: none;
	}
	.menu_header a h6{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.menu_header a h6::after{
		content: '\f105';
		font-family: 'Font Awesome 5 Pro';
		font-size: 120%;
		color: #A3A3A3;
	}
	.menu_content ul li a {
			font-size: 2rem;
	    padding: 1.5rem 5.5rem;
	    border-top: 0.1rem solid #c8c8c8;
	    border-bottom: none;
	}



	.home_area {
	    height: 45rem;
	}
	.slider2 .owl-nav button{
		display: none;
	}
	.feature_content{
		margin-left: 2rem;
	}
	.access_area .title_wrap{
		max-width: 100%;
	}
	.access_right{
		max-width: 100%;
		padding: 7.4rem 0;
	}
	.shape1 {
	    width: 40rem;
	}
	.footer_item {
		max-width: 50%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
	}
	.member_wrap{
		width: 100%;
	}
	.social_media {
	    margin-top: 12rem;
	}
	.product_single_details .row>div{
		margin-bottom: 2.6rem;
	}
	.question_product_inner {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 3rem;
		padding: 5rem;
	}
	.question_product_inner>div{
		width: 100% !important;
	}
	.S_food_industry_area {
    padding: 7rem 0;
  }
  .s_food_industry_logo {
    width: 14rem;
  }

  .s_about_us_area .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .s_about_us_area {
    padding: 7rem 0;
  }

  .s_counters_area .row {
    gap: 3rem 0;
  }
  .s_content {
    padding-right: 0;
    padding-left: 0;
  }
  .s_solution_area {
    padding: 6.5rem 0;
  }

  .s_our_value_area {
    padding: 7rem 0 5rem;
  }

  .s_solution_area_v2 .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .s_content br{
  	display: none;
  }

  .cooking_img {
    padding-right: 0;
  }

  .s_distribution_area {
    padding: 7rem 0;
  }

  .s_distribution_area .row.row1 {
    gap: 3rem;
    margin-bottom: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }

  .s_places_area {
    margin-top: 0;
    padding: 5rem 5rem;
  }

  .truck_img {
    width: 100%;
  }

  .s_service {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    text-align: center;
  }

  .s_service_icon {
    height: 12rem;
    width: 100%;
  }

  .s_service_contents {
    text-align: center;
  }

  .owl-carousel.slider5 .owl-stage {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .sf_brand_slider a img {
    width: 25rem;
  }

  .s_why_choose_area .access_right {
    padding: 0;
  }

  .s_warranty_reg_form {
    padding-left: 0;
    margin-left: 0;
  }

  .s_contact_area .col-lg-5,
  .s_contact_area .col-lg-7 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .s_contact_area .row:not(.s_form_row) {
    padding-left: 0;
  }

  .s_contact_content_left {
    text-align: center;
  }

  .s_customer_links {
    text-align: left;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .blog_sidebar,
  .bakeware_sidebar{
  	padding-bottom: 3rem;
  }
  .blog_sidebar_bottom,
  .bakeware_sidebar_bottom,
  .cakepan_sidebar_bottom{
  	display: none;
  }
  .blog_sidebar_top,
  .bakeware_sidebar_top,
  .cakepan_sidebar_top{
  	position: relative;
  	cursor: pointer;
  	pointer-events: all;
  }
  .blog_sidebar_top::before,
  .bakeware_sidebar_top::before,
  .cakepan_sidebar_top::before{
  	content: '\f107';
  	position: absolute;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	    -ms-transform: translateY(-50%);
  	        transform: translateY(-50%);
  	font-family: 'Font Awesome 5 Pro';
  	font-weight: 400;
  	right: 2rem;
  	font-size: 120%;
  }
	.col_five>div {
    max-width: 33.33%;
    flex: 0 0 33.33%;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 43%;
	}
	.counter {
    font-size: 3.8rem;
    line-height: 1.2;
  }

  .s_counter_box p {
    font-size: 2rem;
    line-height: 1;
  }

  .s_WhoWeAre_area {
    padding: 6rem 0;
  }

  .play_icon {
    width: 6.4rem;
    height: 6.4rem;
  }

  .s_why_choose_area .access_right {
    padding-bottom: 0;
    padding-top: 2rem;
  }
  .s_why_choose_area {
    padding: 8rem 0;
  }

  .sf_brand_slider a img {
    width: 18rem;
  }

  .sf_brand_slider {
    padding: 1.5rem 0;
  }

  .sf_brand_slider.pt_25 {
    padding-top: 2.5rem !important;
  }

  .s_why_choose_area .access_right ul li {
    padding-left: 4.2rem;
  }

  .s_form_btn,
  .s_form_capcha {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .s_salary_boxes {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3rem;
  }

  .s_salary_box {
    margin: 0 auto;
  }

  .s_col_span p {
    font-size: 1.5rem;
  }

  .s_col_span ul li {
    padding-bottom: 0.7rem;
  }

  .salary_img {
    width: 33rem;
  }

  .s_salary_bottom h1 {
    font-size: 5rem;
  }
  .s_salary_box > p {
    font-size: 1.8rem;
  }
  .s_contact_content_left_bottom .s_form_btn{
  	justify-content: center;
  }
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.2vw;
	}
	.container,
	.container-fluid{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	.top_header{
		font-size: 1.6rem;
	}
	.top_header ul{
		display: none;
	}
	.top_header .container-fluid{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.logo {
	    max-width: 16rem;
	}
	.menu{
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}
	.menu>ul>li>a {
	    padding: 2.2rem 2.5rem !important;
	}
	.menu>ul>li.dropdown_wrap>a::after {
	    right: 2.5rem;
	}
	.menu_header a {
	    padding: 1.5rem 4rem;
	}
	.search_wrap{
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
	}
	.pt_50 {
	    padding-top: 3rem;
	}
	.home_area {
	    height: 28rem;
	    margin-bottom: 5rem;
	}
	.home_slider .item{
		background-position: left center;
	}
	.hero_menu {
	    background-color: #202731;
	    width: 100%;
	    font-size: 1.5rem;
	    position: absolute;
	    top: 100%;
	    left: 0;
	    overflow: auto;
	}
	.hero_menu ul{
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.hero_menu ul li a{
		white-space: nowrap;
	}
	.slider_area{
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}
	.discover_box img {
	    height: 16.6rem;
	    width: 16.6rem;
	}
	.who_wrap{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-column-gap: 2.4rem;
		   -moz-column-gap: 2.4rem;
		        column-gap: 2.4rem;
	}
	.who_icon {
	    height: 9rem;
	    width: 9rem;
	    margin-bottom: 0;
	    -ms-flex-negative: 0;
	        flex-shrink: 0;
	}
	.access_area .title_wrap {
	    padding: 4.4rem 0 4rem;
	}
	.access_right ul{
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
	.access_right ul li {
	    margin-bottom: 1.5rem;
	}
	.brand_area .slider3 img {
	    width: 16rem;
	}
	.subscribe_area{
		text-align: center;
	}
	.subscribe_form{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.subscribe_form .button{
		margin-top: 1.5rem;
	}
	.access_right {
	    padding: 4.4rem 0;
	}
	.footer_bottom{
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
	}
	.footer_bottom ul{
		margin-bottom: 1.2rem;
	}
	.footer_item {
	    max-width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	.mt_50{
		margin-top: 3rem;
	}
	.mobile_logo{
		max-width: 24rem;
        text-align: center  ;
	}
	.two_list ul{
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
	.social_media {
	    margin-top: 3rem;
	    margin-bottom: 2rem;
	    text-align: center;
	}
	.social_media p{
		/* display: none; */
	}
	.social_media .icon_box{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.footer_item .contact_item:last-child{
		margin-bottom: 0;
	}
	footer h5{
		margin-bottom: 2rem;
	}
	.discover_area {
	    padding: 5rem 0;
	}
	.discover_area h3 {
	    color: inherit;
	    font-size: 2.5rem;
	}
	.feature_content {
	    margin-left: 0;
	}
	.feature_content p {
	    margin: 3rem 0 2.5rem;
	}
	.feature_content img {
	    max-width: 24rem;
	}
	.feature_box{
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: flex-end;
	    padding: 4rem 2rem;
	    min-height: 48rem;
	    background-position: 73% center;
	}
	.who_area {
	    padding: 3rem 0 5rem;
	}
	.catalog_img {
	    padding: 1.5rem;
	}
	.catalog_link {
	    padding: 1.4rem 1.5rem;
	}
	.single_box_design.box_design_2{
		gap: .8rem;
	}
	.single_box_design.box_design_2>div {
		width: 33.3%;
	}
	.single_box_design.box_design_2 a{
		width: 100%;
	}
	.single_box_list {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.question_product_outer {
		padding: 2.6rem;
	}
	.question_product_inner {
		padding: 2rem;
	}
	.single_blog_details{
		padding-right: 0;
	}
	.single_blog_social{
		display: none;
	}
	.s_b_img img{
		width: 100%;
	}
	.s_s_img img {
    width: 100%;
	}
	.product_card img {
    width: 100% !important;
	}
	.col_five>div {
    max-width: 100%;
    flex: 0 0 100%;
	}
	.s_value_box{
		display: flex;
		align-items: flex-start;
		column-gap: 2.5rem;
	}
	.s_value_box img{
		width: 16rem !important;
		flex-shrink: 0;
	}
	.s_value_box h4{
		padding-top: 0;
	}
	.fixed_social{
		display: none;
	}
	.product_card .product_img_wrap {
	    height: 22rem;
	}
	.product_card {
	  min-height: 55rem;
	  height: auto;
	}
	.product_card .header_btn {
	  padding: 1rem 1.9rem;
	}
	.single_box_design.single_available{
		display: block;
	}
	.available_sizes{
		margin-top: 2rem;
	}
}
@media (min-width: 991.98px) {
    #mobile_search_field_wrap
    {
        display: none !important;
    }
    .menu > ul li.dropdown_wrap > a::after {
        content: '\f107';
    }
    .menu > ul li.dropdown_wrap > a.opened::after {
        content: '\f105';
        color: #fff;
        background-color: var(--dark_red);
    }
}

.menu > ul li.dropdown_wrap > a.opened
{
    background-color: var(--dark_blue);
    color: #fff !important;
}
.menu > ul li.dropdown_wrap > a.opened::after
{
    content: '\f107';
}