@media only screen and (min-width: 1240px) and (max-height: 600px)  {
    #Header_creative #Top_bar .menu > li > a span { 
        line-height: 32px !important;
    }
    div.menu_with_caret {
        padding: 1px 0; 
    }
    
    li.submenu.services.hover:hover ul {
        left: 102% !important;
        top: -185px !important;
    }
    
    li.submenu.services.hover:hover::after {
        content: "";
        background: #000000;
        width: 45px;
        height: 98%;
        position: absolute;
        top: 0;
        left: 84%;
    }
    li.submenu.contact.hover:hover ul {
        left: 102% !important;
        top: -44px !important; 
    } 
    
    li.submenu.contact.hover:hover::after {
        content: "";
        background: #000000;
        width: 45px;
        height: 98%;
        position: absolute;
        top: 0;
        left: 84%;
    } 

}
 
@media only screen and (min-width: 1240px) {
	body:not(.header-simple) #Top_bar #menu {
		display: block !important;
	}
	#Top_bar.is-sticky {
		position: fixed;
		width: 100%;
		left: 0;
		top: -60px;
		height: 60px;
		z-index: 701;
		background: #fff;
		opacity: 0.97;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
	}
	#Top_bar.is-sticky .top_bar_left,
	#Top_bar.is-sticky .top_bar_right,
	#Top_bar.is-sticky .top_bar_right:before {
		background: 0 0;
	}
	#Top_bar.is-sticky .top_bar_right {
		top: -4px;
	}
	#Top_bar.is-sticky .logo {
		width: auto;
		margin: 0 30px 0 20px;
		padding: 0;
	}
	#Top_bar.is-sticky #logo {
		padding: 5px 0;
		height: 50px;
		line-height: 50px;
	}
	#Top_bar.is-sticky #logo img {
		max-height: 35px;
		width: auto !important;
	}
	#Top_bar.is-sticky #logo img.logo-main {
		display: none;
	}
	#Top_bar.is-sticky #logo img.logo-sticky {
		display: inline;
	}
	#Top_bar.is-sticky .menu_wrapper {
		clear: none;
	}
	#Top_bar.is-sticky .menu_wrapper .menu > li > a {
		padding: 15px 0;
	}
	#Top_bar.is-sticky .menu > li > a,
	#Top_bar.is-sticky .menu > li > a span {
		line-height: 30px;
	}
	#Top_bar.is-sticky .menu > li > a:after {
		top: auto;
		bottom: -4px;
	}
	#Top_bar.is-sticky .menu > li > a span.description {
		display: none;
	}
	#Top_bar.is-sticky #search_button {
		top: 25px;
	}
	#Top_bar.is-sticky a.button.action_button {
		top: 13px;
	}
	#Top_bar.is-sticky .banner_wrapper {
		display: none;
	}
	.header-simple #Top_bar.is-sticky .responsive-menu-toggle {
		top: 12px;
	}
	.header-simple #Top_bar #menu {
		display: none;
		height: auto;
		width: 300px;
		bottom: auto;
		top: 60px;
		right: 1px;
		position: absolute;
		margin: 0;
		background: #fff;
	}
	.header-simple #Header a.responsive-menu-toggle {
		display: block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 25px;
		text-align: center;
		position: absolute;
		top: 28px;
		right: 10px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.header-simple #Header a:hover.responsive-menu-toggle {
		text-decoration: none;
	}
	.header-simple #Top_bar #menu > ul {
		width: 100%;
		float: left;
	}
	.header-simple #Top_bar #menu ul li {
		width: 100%;
		padding-bottom: 0;
		border-right: 0;
		position: relative;
	}
	.header-simple #Top_bar #menu ul li a {
		padding: 0 20px;
		margin: 0;
		display: block;
		height: auto;
		line-height: normal;
		border: none;
	}
	.header-simple #Top_bar #menu ul li a:after {
		display: none;
	}
	.header-simple #Top_bar #menu ul li a span {
		border: none;
		line-height: 48px;
		display: inline;
		padding: 0;
	}
	.header-simple #Top_bar #menu ul li.submenu .menu-toggle {
		width: 48px;
		height: 48px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid rgba(0, 0, 0, 0.03);
		background: url(../public/goodfood/images/menu-plus.png) center
			no-repeat;
	}
	.header-simple #Top_bar #menu ul li ul {
		position: relative !important;
		left: 0 !important;
		top: 0;
		padding: 0;
		margin-left: 0 !important;
		width: auto !important;
		background-image: none;
	}
	.header-simple #Top_bar #menu ul li ul li {
		width: 100% !important;
	}
	.header-simple #Top_bar #menu ul li ul li a {
		padding: 0 20px 0 30px;
	}
	.header-simple #Top_bar #menu ul li ul li a span {
		padding: 0;
	}
	.header-simple #Top_bar #menu ul li ul li a span:after {
		display: none !important;
	}
	.header-simple #Top_bar #menu ul li ul li ul {
		border-left: 0 !important;
		padding: 0;
		top: 0;
	}
	.header-simple #Top_bar #menu ul li ul li ul li a {
		padding: 0 20px 0 40px;
	}
	body.header-creative {
		padding-left: 50px;
	}
	body.header-creative.header-open {
		padding-left: 160px;
	}
	body.template-blank {
		padding-left: 0 !important;
	}
	#Header_creative {
		background: #fff;
	}
	#Header_creative {
		position: fixed;
		width: 160px;
		height: 100%;
		left: 00px;
		top: 0;
		z-index: 1001;
		-webkit-box-shadow: 2px 0 4px 2px rgba(0, 0, 0, 0.15);
		box-shadow: 2px 0 4px 2px rgba(0, 0, 0, 0.15);
	}
	#Header_creative .container {
		width: 100%;
	}
	#Header_creative .creative-wrapper {
		display: none;
	}
	#Header_creative a.creative-menu-toggle {
		display: block;
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 25px;
		text-align: center;
		position: absolute;
		top: 10px;
		right: 8px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	#Header_creative #Top_bar {
		position: static;
	}
	#Header_creative #Top_bar {
		width: 100%;
	}
	#Header_creative #Top_bar .top_bar_left {
		width: 100% !important;
		float: none;
	}
	#Header_creative #Top_bar .top_bar_right {
		width: 100% !important;
		float: none;
		height: auto;
		margin-bottom: 35px;
		text-align: center;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#Header_creative #Top_bar .top_bar_right:before {
		display: none;
	}
	#Header_creative #Top_bar .logo {
		float: none;
		text-align: center;
		margin: 15px 0;
	}
	#Header_creative #Top_bar .menu_wrapper {
		float: none;
		margin-bottom: 40px;
	}
	#Header_creative #Top_bar .menu > li {
		width: 100%;
		float: none;
		position: relative;
	}
	#Header_creative #Top_bar .menu > li > a {
		padding: 0;
		text-align: center;
	}
	#Header_creative #Top_bar .menu > li > a:after {
		display: none;
	}
	#Header_creative #Top_bar .menu > li > a span {
		border-right: 0;
		border-bottom-width: 1px;
		line-height: 38px;
	}
	#Header_creative #Top_bar .menu li ul {
		left: 100%;
		top: 0;
	}
	#Header_creative #Top_bar .menu li ul li a {
		padding-top: 5px;
		padding-bottom: 4px;
	}
	#Header_creative #Top_bar .menu li ul li ul {
		top: 0 !important;
	}
	#Header_creative #Top_bar .menu > li > a span.description {
		display: block;
		font-size: 13px;
		line-height: 28px !important;
		clear: both;
	}
	#Header_creative #Top_bar .search_wrapper {
		left: 100%;
		top: auto;
		bottom: -90px;
	}
	#Header_creative #Top_bar a#search_button {
		display: inline-block;
		float: none;
		top: 3px;
	}
	#Header_creative #Top_bar a.button.action_button {
		display: inline-block;
		float: none;
		top: 0;
		margin-bottom: 0;
		margin-top: 10px;
	}
	#Header_creative #Top_bar .banner_wrapper {
		display: block;
		text-align: center;
	}
	#Header_creative #Top_bar .banner_wrapper img {
		max-width: 100%;
		height: auto;
		display: inline-block;
	}
	#Header_creative #Action_bar {
		position: absolute;
		bottom: 0;
		top: auto;
		clear: both;
		padding: 0 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#Header_creative #Action_bar .social {
		float: none;
		text-align: center;
	}
	#Header_creative #Action_bar .social li {
		margin-bottom: 2px;
	}
	#Header_creative .social li a {
		color: #fff;
	}
	#Header_creative .social li a:hover,
	.black_color {
		color: #000;
	}
	#Header_creative .creative-social {
		position: absolute;
		bottom: 10px;
		right: 0;
		width: 50px;
	}
	#Header_creative .creative-social li {
		display: block;
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.header-menu-right #Top_bar .menu_wrapper {
		float: right;
	}
	.header-open #Header_creative {
		left: 0;
	}
	.header-open #Header_creative .creative-wrapper {
		display: block;
	}
	.header-open #Header_creative .creative-menu-toggle,
	.header-open #Header_creative .creative-social {
		display: none;
	}
}
@media only screen and (max-width: 1239px) {
	#Top_bar #menu {
		display: none;
		height: auto;
		width: 300px;
		bottom: auto;
		top: 100%;
		right: 1px;
		position: absolute;
		margin: 0;
		background: #fff;
	}
	#Top_bar a.responsive-menu-toggle {
		display: block;
		width: 35px;
		height: 35px;
		text-align: center;
		position: absolute;
		top: 28px;
		right: 10px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	#Top_bar a:hover.responsive-menu-toggle {
		text-decoration: none;
	}
	#Top_bar a.responsive-menu-toggle i {
		font-size: 25px;
		line-height: 35px;
	}
	#Top_bar a.responsive-menu-toggle span {
		float: right;
		padding: 10px 5px;
		line-height: 14px;
	}
	#Top_bar #menu > ul {
		width: 100%;
		float: left;
	}
	#Top_bar #menu ul li {
		width: 100%;
		padding-bottom: 0;
		border-right: 0;
		position: relative;
	}
    #Top_bar #menu ul li a {
              margin: 0;
        display: block;
    } 
	#Top_bar #menu ul li a:after {
		display: none;
	}
	#Top_bar #menu ul li a span {
		border: none; 
		display: inline;
		padding: 0;
	}
	#Top_bar #menu ul li a span.description {
		margin: 0 0 0 5px;
	}
	#Top_bar #menu ul li.submenu .menu-toggle {
		width: 48px;
		height: 48px;
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		border-left: 1px solid rgba(0, 0, 0, 0.03);
		background: url(../public/goodfood/images/menu-plus.png) center
			no-repeat;
	}
	#Top_bar #menu ul li a span:after {
		display: none !important;
	}
	#Top_bar #menu ul li ul {
		position: relative !important;
		left: 40px !important;
		top: 0;
		padding: 0;
		margin-left: 0 !important;
		width: auto !important;
		background-image: none !important;
	}
 
	#Top_bar #menu ul li ul li a span {
		padding: 0;
	}
	#Top_bar #menu ul li ul li a span:after {
		display: none !important;
	}
	#Top_bar #menu ul li ul li ul {
		border-left: 0 !important;
		padding: 0;
		top: 0;
	}
	#Top_bar #menu ul li ul li ul li a {
		padding: 0 20px 0 40px;
	}
	
	.header-creative #Wrapper {
		/*padding-top: 60px;*/
	}
	#Header_creative {
		position: fixed;
		width: 100%;
		left: 0 !important;
		z-index: 1001;
	}
	#Header_creative .creative-wrapper {
		display: block !important;
		opacity: 1 !important;
	}
	#Header_creative .creative-menu-toggle,
	#Header_creative .creative-social {
		display: none !important;
		opacity: 1 !important;
	}
	#Header_creative #Top_bar {
		position: static;
		margin: 0 8%;
		width: 84%;
	}
	#Header_creative #Top_bar #logo {
		height: 50px;
		line-height: 50px;
		padding: 5px 0;
	}
	#Header_creative #Top_bar #logo img {
		max-height: 40px;
	}
	#Header_creative #Top_bar .responsive-menu-toggle {
		top: 12px;
	}
	#Header_creative #Top_bar #search_button {
		top: 20px;
	}
	#Header_creative #Top_bar .action_button {
		top: 9px;
	}
	#Header_creative #Top_bar .top_bar_right {
		height: 60px;
		top: 0;
	}
	#Header_creative #Top_bar .top_bar_right:before {
		display: none;
	}
	#Header_creative #Action_bar {
		display: none;
	}
	.header_placeholder {
		height: 0 !important;
	}
	#Top_bar .menu li ul li a {
        padding: 0 11px !important;
    }
    
    #Top_bar .menu > li > a span:not(.description) {
        line-height: 36px !important;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1239px) {
	body {
		min-width: 0;
	}
	#Wrapper {
		width: 960px;
	}
	.container,
	.section_wrapper,
	.with_aside .content_wrapper {
		width: 940px;
	}
	#Top_bar .top_bar_left {
		width: 729px;
	}
}
@media only screen and (min-width: 1240px) and (max-width: 1489px) {
	body.header-open {
		min-width: 0;
	}
	.header-open #Wrapper {
		width: 960px;
	}
	.header-open .container,
	.header-open .section_wrapper,
	.header-open.with_aside .content_wrapper {
		width: 940px;
	}
	.header-open.with_aside .section_wrapper {
		width: 100%;
	}
}
 
@media only screen and (max-width: 959px) {
    .slider_prev, .slider_next {
        display: none !important;
    }
	.padd50,.padd250, .px50 {
        padding: 10px;
    }
    .one-second.mcb-wrap {
        width: 100%;
    }
        .container, .section_wrapper {
               width: 90% !important;
        padding: 0px !important;
        margin: 0 auto !important;
        max-width: 100% !important;
    }
    ul.clients.clearfix.clients_tiles  .client_wrapper {
        padding: 0;
        margin: 1px;
    }
    footer#Footer p, footer#Footer ul li, footer#Footer h3, footer#Footer ul li {
        text-align: center !important;
    }
    .bgPP {
        background-size: 131rem !important;
    }
    .pb15 {
        padding: 0 0 0 2% !important;
    }
    .pt100, .pt60 {
        padding: 0px 0 0;
    }
    .post-desc {
        padding: 14px !important;
    }
    .mmmmmm { margin: auto; width: 76px; display: block; }
    .borderBox {
        padding: 0;
        margin: 0;
    }
    .blog_slider_header.p-10 {
        padding: 55px;
        height: 104px;
    }
    .column_column ul li { 
        margin: 2px 0 !important;
    }
    
    ul.clients.clearfix.clients_tiles {
        display: block;
    }
    .mpt-50{
        padding-top:50px;
    }
 
	.header-creative.layout-full-width #Wrapper {
		/*padding-top: 80px;*/
	}
	.blockquote h3 {
		margin: 0 4% !important;
	}
	.container,
	.section_wrapper {
		max-width: 98%;
		width: 100% !important;
	}
	.blog_slider_header h2,
	.shop_slider.section_wrapper h2 {
		float: left;
		font-size: 14px;
	}
	a.button .button_icon {
		padding: 0 5px;
	}
 
	.Latest_news.featured ul {
		float: left;
		width: 100% !important;
	}
	.shop_slider {
        height: 63vh;
        margin: 40px 0 0;
    } 
	#Header_creative {
		position: absolute;
	}   
	
	body {
		min-width: 0;
	}
	.m50 {
        margin: 10px 0 !important;
    }
	.bgrepreat {
        background-repeat: no-repeat;
        background-position: center top;
        padding: 0px 20px 0 !important;
    }
	#Wrapper {
		width: 300px;
	}
	.container .column,
	.section_wrapper .column,
	.sections_group {
		margin: 0;
		width: 100% !important;
		clear: both;
	}
	.aside_both .sections_group {
		margin: 0 auto !important;
	}
	.container,
	.section_wrapper {
        width: 85% !important;;
	}
	.with_aside .content_wrapper {
		width: 100%;
	}
	.section_wrapper .column {
		margin: 0 0 20px; 
	}
	.hide-mobile {
		display: none !important;
	}
	.section {
		background-attachment: scroll !important;
		height: auto !important;
	}
	#Action_bar,
	#Top_bar {
		position: static;
	}
	#Top_bar .top_bar_left {
		float: none;
		width: 100% !important;
		margin-top: 10px;
		background: 0 0 !important;
	}
	.header-simple #Top_bar .top_bar_left {
		top: 0 !important;
	}
	#Top_bar .top_bar_right {
		float: none;
		top: 0;
		height: 60px;
		padding: 0 10px;
	}
	#Top_bar .top_bar_right .top_bar_right_wrapper {
		float: right;
	}
	#Top_bar .top_bar_right:before {
		display: none;
	}
	#Top_bar a#search_button {
		top: 20px;
	}
	#Top_bar a.button.action_button {
		top: 9px;
	}
	#Header a.responsive-menu-toggle {
		position: absolute !important;
		top: 20px !important;
		right: 5px !important;
		z-index: 10;
		margin: 0;
	}
	#Header a.responsive-menu-toggle.is-sticky {
		position: fixed !important;
		top: 10px !important;
		left: 10px !important;
		z-index: 30;
	}
	#Header #menu {
		position: static;
		float: left;
		width: auto;
	}
	#Top_bar .logo {
		position: static;
		float: none;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	#Top_bar .logo #logo {
		padding: 5px 42px 15px;
	}
	#Top_bar .logo #logo img {
		height: auto !important;
	}
	#Top_bar .search_wrapper {
		top: auto;
		bottom: -132px;
	}
	#Action_bar .contact_details li,
	#Action_bar .social {
		padding: 0 !important;
	}
	#Action_bar .contact_details {
		float: none;
		text-align: center;
		padding: 5px 0;
	}
	#Action_bar .contact_details li {
		color: #000;
		padding: 0;
	}
	#Action_bar .social {
		float: none;
		text-align: center;
		padding: 5px 0 0;
	}
	#Action_bar .social li {
		margin-right: 5px;
	}
	#Action_bar .social li a {
		color: rgba(0, 0, 0, 0.3);
	}
	#Action_bar .social li a:hover {
		color: rgba(0, 0, 0, 0.8);
	}
	#Action_bar .social-menu {
		float: none;
		text-align: center;
		padding: 5px 0 0;
	}
	#Header_creative {
		position: static;
	}
	#Header_creative #Top_bar .responsive-menu-toggle {
		top: 20px;
	}
	#Header_creative #Top_bar .top_bar_left {
		margin-top: 0; 
		padding-top: 10px;
		overflow: hidden;
	}
	#Header_creative #Top_bar .logo #logo {
		padding: 5px 42px 15px;
	}
	#Header_creative #Top_bar .logo #logo img {
		max-height: 50px;
	}
	#Header_creative #Top_bar #menu {
		position: static;
		width: 100%;
	}
	body:not(.template-slider):not(.header-simple) #Header {
		min-height: 350px;
		background-position: center 202px;
	}
	#Subheader .title {
		width: 100%;
	}
	body.minimalist-header.header-classic:not(.template-slider) #Header {
		min-height: 0;
	}
	body.minimalist-header.header-creative:not(.template-slider) #Header {
		min-height: 0;
	}
	body.minimalist-header.header-simple:not(.template-slider) #Header {
		min-height: 90px;
	}
	.footer-sliding #Content {
		margin-bottom: 0 !important;
	}
	.footer-sliding #Footer {
		position: static;
	}
	.classic .post-photo-wrapper {
		width: 100%;
		float: none;
	}
	.classic .post-desc-wrapper {
		width: 100%;
		float: none;
	}
	.classic .post-meta .author-date .author span {
		display: none;
	}
	.classic .post-meta .category {
		display: none;
	}
	.classic .post-desc-wrapper .post-desc {
		padding: 15px 0 0;
	}
	.post-header .title_wrapper {
		margin-left: 69px;
		padding-left: 20px;
	}
	.post-header .title_wrapper h1 {
		font-size: 27px;
		line-height: 27px;
	}
	.post-header .post-meta .category {
		display: none;
	}
	.post-nav {
		padding: 10px 10px 4px 90px;
	}
	.widget:after {
		width: 100%;
	}
	.aside_left .hr_full hr,
	.aside_right .hr_full hr,
	.hr_full hr {
		position: absolute;
		left: -1000px;
		top: 0;
		width: 3000px;
	}
	ul.clients:not(.clients_slider_ul) li {
	        width: 46% !important;
        float: left;
        margin: 1% !important;
	}
	.icon_box.has_border:after {
		display: none;
	}
	.image_frame {
		margin-top: 0 !important;
	}
	.content_slider {
		padding: 0 65px 32px;
	}
	.content_slider a.slider_prev {
		left: 0;
	}
	.content_slider a.slider_next {
		right: 0;
	}
	#Footer .footer_copy {
		text-align: center;
	}
	#Footer .footer_copy .copyright {
		float: none;
		margin: 0 0 10px;
	}
	#Footer .footer_copy .social {
		float: none;
		margin: 0;
	}
	#Footer .footer_copy .social-menu {
		float: none;
		margin: 0;
	}     
	.equal-height-wrap .mcb-wrap {
		height: auto !important;
	}
	.container .column,
	.section_wrapper .column,
	.section_wrapper .mcb-wrap,
	.sections_group {
		margin:  00;
		width: 100% !important;
		clear: both;
	}
	.equal-height-wrap .mcb-wrap .mcb-wrap-inner {
		top: 0 !important;
		-webkit-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		transform: none !important;
	}
	.grid .post-item {
		width: 98% !important;
		margin: 0 1% 20px !important;
	}
	.blog_slider_header {
		margin: 0;
		padding: 0 !important;
	}
	aside.widget.widget_text {
		padding: 13px 0 !important;
	}
	.homessssss {
		display: block;
	}
	div.menu_with_caret {
        display: flex;
        gap: 0;
        justify-content: start;
        align-items: center;
        width: 100%;
        border-bottom: 1px solid #fff;
        padding: 5px 0;
        
    }
    .menu_with_caret.active ul{
        display:block  !important;
    }
    
    .column.one-fifth {
        width: 100%;
    }
    .row {
        flex-direction: column;
      }
    
      .image-column, .text-column {
        min-height: auto;
        width: 100%;
      }
    
      .image-column img {
        height: auto;
      }
    
      .read-more {
        margin-top: 20px;
      }
      
     
      .image-column {
        order: 1;
      }
    
      .text-column {
        order: 2;
      }
        .text-column .content h2 {
          margin-top: 0;
          font-size: 1.3em !important;;
        }
     .whatistoy {
        background-position: -90px;
    }   
    .text-center {
        text-align: center;
    }
    .row.tworow {
        display: grid !important
    ;
        grid-template-columns: auto auto auto auto;
    }  
    
    .spinksworld-map {
        width: 100%;
        margin: 22px 0;
        height: 110px;
        object-fit: cover;
    }
    
    li.submenu.services.hover:hover ul {
        left: 0 !important;
        top: 0 !important;
    }

}
.layout-full-width #Wrapper {
	max-width: 100% !important;
	width: 100% !important;
	margin: 0 !important;
}