/*
Max-width sizes:

1920  | 1680  |  1600 | 1440 | 1366 | 1280  | 1024 : 966 : 853 : 800 : 768 : 736 : 667 : 640 : 603 : 600 : 568 : 533 : 480 : 320 :

1024  | 960   |  768  |  480 | 320

*/

/** If you are not working on divi then you can delete divi specific CSS **/
/*** Start Divi Specific CSS **/
@media(max-width:1260px)
{
	.container, 
	.et_pb_row, 
	.et_pb_slider .et_pb_container, 
	.et_pb_fullwidth_section .et_pb_title_container, 
	.et_pb_fullwidth_section .et_pb_title_featured_container, 
	.et_pb_fullwidth_header:not(.et_pb_fullscreen) .et_pb_fullwidth_header_container
	{
		width:80%
	}
	#wc_slider .et_pb_container.clearfix 
	{
    	max-height: 420px !important;
	}
}
/*** End Divi Specific CSS **/

@media(max-width: 980px)
{	
	h1
	{
		padding-bottom: 0px;
	}
	div#page-container #main-header
	{
		background-color: #fff !important;
	}
	.et_header_style_left #et-top-navigation nav>ul>li>a
	{
		padding-bottom: 10px;
	}
	.et_header_style_left #logo,
	.et_header_style_split #logo
	{
		max-width: 40%;
	}
	.et_header_style_left .logo_container 
	{
	    position: inherit;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    margin: 10px 0 0 0;
	}
	.et_pb_column .et_pb_module 
	{
    	margin-bottom: 15px;
	}
	.et_pb_row,
	.et_pb_column .et_pb_row_inner
	{
		padding: 15px 0;
	}
	.et_header_style_left #et-top-navigation
	{
		display: block;
	    padding-top: 24px;
	    width: 100%;
	    text-align: center;
	    padding-left: 0px !important;
	}	
	#main-header #top-menu li 
	{
    	padding-right: 23px;
	}
	#main-header #top-menu li a
	{
		font-size: 16px;
	}
	nav#top-menu-nav
	{
		float: none;
		display: inline-block;
	}
	#top-menu-nav, #top-menu
	{
		display: block;
	}
    #et_mobile_nav_menu 
	{
    	display:none;
	}
	#main-header .container.et_menu_container
	{
    	padding: 0;
	}
	#main-header span.mobile_menu_bar.mobile_menu_bar_toggle:before
	{
		color: #f1a018;	
	}		
    #main-header, #main-header .nav li ul, 
    .et-search-form, #main-header .et_mobile_menu 
    {
   		 background-color: #f1a018 !important;
	}
	#main-header .wcSubmenuWideWidth .sub-menu 
	{
    	width: 260px;
	}
	#top-menu li.current-menu-item.wcSubmenuWideWidth1 ul li a,
	#main-header .wcSubmenuWideWidth .sub-menu li a
	{
		color: #fff !important;
	}
	.page-id-10 #main-header .wcSubmenuWideWidth .sub-menu li a,
	.page-id-10 #main-header .wcSubmenuWideWidth1 .sub-menu li a
	{
		color: #fff !important;
	}
	#main-header .wcSubmenuWideWidth .sub-menu li, 
	#main-header .wcSubmenuWideWidth1 .sub-menu li 
	{
	    width: 100%;
	    border-bottom: 1px solid #fff;
	    padding: 5px !important;
	}
	#main-header .wcSubmenuWideWidth .sub-menu li a
	{
		width: 100%;
	    padding: 6px 20px;
	    font-size: 20px !important;
	}
	#main-header .et_mobile_menu
	{
		border-top: 3px solid #fff;
	}
	#main-header .wcSubmenuWideWidth1 .sub-menu 
	{
    	width: 350px;
	}
	#main-footer p.footer-top ,
	#main-footer p.footer-bottom,
	#main-footer p.footer-middle
	{
	    width: 100%;
	    padding: 7px;
	}
	#wc_payment .wc_payment_image,
	#wc_chemical .wc_life_science_image,
	#wc_sustainable .wc_energy_image,
	#wc_sport .wc_sports_image
	{
		text-align: center;
	}
	#wc_chemical .et_pb_row, 
	#wc_sport .et_pb_row	
	{
    	display: flex;
    	flex-wrap: wrap;
	}
	#wc_chemical .et_pb_row .et_pb_column:first-child, 
	#wc_sport .et_pb_row .et_pb_column:first-child
	{
    	order: 2;
	}
	div#wc_chemical h4 
	{
    	margin-top: 20px;
	}
	#wc_slider .et_pb_container.clearfix 
	{
    	max-height: 380px !important;
    	height: 250px !important;
	}
	.et_pb_section:not(#wc_slider_section) .et_pb_text_inner h1 
   	{
    	text-align: center;
    	font-size: 25px;
    	margin: 10px 0;
	}
}
@media(max-width: 767px)
{	
	#wc_slider_section #wc_slider h1.et_pb_slide_title 
	{
    	font-size: 40px !important;
    	line-height: 45px;
	}
	#wc_slider .et_pb_slide_description 
	{
    	padding: 25% 0;
	}	
	#main-header #top-menu li 
	{
    	padding-right: 10px;
	}
	#main-header #top-menu li a
	{
		font-size: 20px;
	}
	.nav li:hover > ul, 
	.nav li.et-touch-hover > ul 
	{
    	visibility: hidden;
    	opacity: 0;
	}
	.nav li.et-touch-hover.et-show-dropdown.et-hover > ul 
	{
    	visibility: visible;
    	opacity: 1;
	}
}
@media(max-width:650px)
{
	#wc_slider p 
	{
   		display: none;
   	}
}
@media(max-width:650px)
{
	#main-header #top-menu li 
	{
    	padding-right: 6px;
	}	
   	#wc_slider .et_pb_slide_description 
   	{
    	padding: 9% 1px;
	}	
   	
	#wc_contact .et_pb_row 
	{
    	padding: 0px !important;
	}
	#wc_contact .wc_submit 
	{
    	float: left;
      	margin-top: 20px;
    	width: 100%;
	}
    div.wpcf7 .ajax-loader 
    {
    	float: right;
	}
}
@media(max-width:560px)
{	
	a.et-pb-arrow-prev,
	a.et-pb-arrow-next
	{
		display: none;
	}
	#main-header ul#mobile_menu li a:last-child 
	{
    	border: none;
	}
	#main-header .wcSubmenuWideWidth1 .sub-menu,
	#main-header .wcSubmenuWideWidth .sub-menu
	{
    	width: 100%;
    	text-align: left;
    	padding-left: 0;
	}
	ul.sub-menu 
	{
    	background: #f1a018 !important;
	}
	#main-header .wcSubmenuWideWidth .sub-menu li a, 
	#main-header .wcSubmenuWideWidth1 .sub-menu li a,
	#main-header ul#mobile_menu li#menu-item-16 a
	{
	    width: 100%;
	    padding: 5px 0px;
	    font-size: 20px !important;
	    color: #fff;
	}
	.et_mobile_menu .menu-item-has-children>a,
	#main-header ul#mobile_menu li#menu-item-16 a
	{
    	font-weight: 700;
    	color: #fff;
    	font-size: 22px !important;
	}
	.page-id-10 #main-header .wcSubmenuWideWidth .sub-menu li a, 
	.page-id-10 #main-header .wcSubmenuWideWidth1 .sub-menu li a 
	{
    	width: 100%;
    	padding: 6px 20px;
    	color: #fff !important;
    	font-size: 20px !important;
	}
	#main-header ul#mobile_menu li 
	{
	    text-align: left;
	    border: none;
	}
	#main-header ul#mobile_menu li a 
	{
	    text-align: left;
	    border: none;
	    background: transparent !important;
	    padding-left: 0px;
	}
	#main-header ul#mobile_menu li ul.sub-menu 
	{
	    text-align: left;
	    border: none;
	    padding-left: 30px;
	}
	#main-header ul#mobile_menu li ul.sub-menu li 
	{
	    text-align: left;
	    border: none;
	    list-style: disc;
	    padding-left: 0px !important;
	    color: #fff;
	}
	ul#mobile_menu li ul.sub-menu li a 
	{
	    text-align: left;
	    border: none;
	}
	#main-header ul#mobile_menu li ul.sub-menu li a 
	{
	    padding-bottom: 4px;
	}
	#main-header ul#mobile_menu > li > a 
	{
	    border-bottom: 1px solid #fff;
	}
	nav#top-menu-nav
	{
		float: none;
		display: inline-block;
	}
	#top-menu-nav, #top-menu
	{
		display: none;
	}
    #et_mobile_nav_menu 
	{
    	display:block;
	}
	.et_header_style_left .logo_container 
	{
	    height: 100%; 
	    text-align: left;
	    position: absolute !important;
	}
	.et_header_style_left #et-top-navigation 
	{
    	width: 70%;
    }
    .et_header_style_left #logo,
	.et_header_style_split #logo
	{
		max-width: 100%;
	    width: 120px;
	    height: 100% !important;
	    max-height: 100%;
	}
	.et_mobile_menu li a 
	{
    	border-bottom: none; 
	}
	.et_header_style_left .logo_container
	{
		margin: 0px;
	}
} 
@media(max-width:530px)
{	
	#main-header #top-menu li 
	{
    	padding-right: 10px;
    	margin-bottom: 10px;
	}
	.nav#top-menu li 
	{
    	position: initial;
	}
	#main-header nav#top-menu-nav .sub-menu 
	{
    	width: 100%;
    	left: 0;
	}
	#wc_slider_section #wc_slider h1.et_pb_slide_title 
	{
    	font-size: 25px !important;
    	line-height: 30px;
	}
	#cookie-notice a 
	{
		background:#f1a018;
	}
    
}