

@media screen and (max-width: 1499px)
{
	.section_content
	{
		padding-left: 15px;
		padding-right: 15px;
	}
	.width_wide
	{
		width: 100%;
	}
}




@media screen and (max-width: 1279px)
{

	/* GRID */
	.quarter > .section_column
	{
		width: 50%;
		padding-bottom: 60px;
	}
	.quarter > .section_column:nth-child(2n+1)
	{
		clear: both;
	}
	.fourty > .section_column:nth-child(1n),
	.fourty > .section_column:nth-child(2n),
	.sixty > .section_column,
	.sixty > .section_column:nth-child(2n),
	.rtl.sixty > .section_column,
	.rtl.sixty > .section_column:nth-child(2n)
	{
		width: 50% ;
	}

	.fifty_quarter_quarter > .section_column,
	.fifty_quarter_quarter > .section_column:nth-child(2n),
	.fifty_quarter_quarter > .section_column:nth-child(3n)
	{
		width: 33.33333%;
	}

		/*
		#content .checked li
		{
			margin-left: 20px;
			padding-left: 0;
		}
		*/
		#header
		{
			background: #fff;
			box-shadow: 0px 2px 4px rgba(0,0,0,0.15);
			max-height: 100%;
			overflow-y: auto;
		}
		#header .menu
		{
			display: none;
			overflow: hidden;
			height: auto;
		}
		#header .menu > li
		{
			padding-top: 15px;
			padding-bottom: 15px;
			border-bottom: solid #dedede 2px;
		}
		#header .menu > li:last-child
		{
			border-bottom: none;
		}
		#header .menu > li.featured
		{
			padding-bottom: 0;
			padding-top: 0 !important;
			margin: 15px auto !important;
		}
		#header .sub-menu a
		{
			color: #a5a5a5;
		}
		#header .main-menu-container .menu > li > .sub_menu_container_wrap
		{
			padding-top: 10px;
		}
		#header .main-menu-container
		{
					float: none;
		}
		#header .main-menu-container .menu > li,
		#header .main-menu-container .menu > li:last-child
		{
			float: none;
			margin: 0 auto;
			text-align: center;
		}

		#header .main-menu-container .menu > li > .sub_menu_container_wrap > .sub_menu_container > .sub_menu_wrap > .sub-menu > li
		{
			display: block;
			text-align: center;
			clear: both;
			margin: 0 auto;
		}

		#header .featured
		{
			display: block;
		}

		#header .main-menu-container .menu > li > .sub_menu_container_wrap > .sub_menu_container > .sub_menu_wrap > .sub-menu,
		#header .main-menu-container .menu > li > .sub_menu_container_wrap > .sub_menu_container  > .sub_menu_wrap > .sub-menu > li
		{
			display: block;
			text-align: center;
			border: none;
		}
		#header .large-icons .sub_menu_container a:before,
		#header .medium-icons .sub_menu_container a:before
		{
			display: none;
		}


		#header .main-menu-container .menu > li > .sub_menu_container_wrap
		{
					border-bottom: none;
		}
		#header .main-menu-container .menu > li > .sub_menu_container_wrap > .sub_menu_container > .sub_menu_wrap
		{
			margin: 0;
		}
		#header .main-menu-container .menu > li > .sub_menu_container_wrap
		{
			position: static;
		}

		#header .sub-menu
		{
			font-size: 16px;
			padding-top: 0;
		}
		#header .sub-menu .menu-item
		{
			margin-top: 15px !important;
			padding: 15px 0 0 0;
			border-top: solid #e5e5e5 1px !important;
		}
		#header .sub-menu .menu-item:first-child
		{
			margin-top: 0 !important;
			border-top: none !important;
		}
		#header .sub-menu li a
		{
			line-height: 20px;
		}


		#header .medium-icons .sub_menu_container a,
		#header .large-icons .sub_menu_container a,
		#header .large-icons .sub_menu_container #menu-item-520 a,
		#header .large-icons .sub_menu_container #menu-item-4258 a
		{
			padding: 0px;
		}


		#header .mobile_menu_switch
		{
			display: block;
			position: absolute;
			top: 10px;
			right: 15px;
			width: 25px;
			height: 25px;
			background: url(../img/protonet_icons_hamburger_menu.png) center center no-repeat;
			background-size: cover;
			cursor: pointer;
		}
		#header .mobile_menu_switch:hover
		{
			background: url(../img/protonet_icons_hamburger_menu_active.png) center center no-repeat;
			background-size: cover;
		}

}

@media screen and (max-width: 1151px){

	/* STYLE */




	/* CONTENT */
	#content .section_column .column_content > .textwrap {
		padding: 0 30px;
	}
	#content .section_column.table .column_content > .textwrap {
    padding: 0 30px;
	}
	.section_column.table.dark_blue .column_content > .textwrap p:after,
	.section_column.table.light_grey .column_content > .textwrap p:after
	{
    margin-left: -30px;
    margin-right: -30px;
	}
	.section_column.table.dark_blue .column_content > .textwrap h3,
	.section_column.table.light_grey .column_content > .textwrap h3,
	.section_column.table.dark_blue .footer,
	.section_column.table.light_grey .footer,
	.section_column.table.dark_blue .footer:hover,
	.section_column.table.light_grey .footer:hover,
	.section_column.table .padding_hidden
	{
		margin-left: -30px;
		margin-right: -30px;
	}

	.quarter_fifty_quarter > .section_column,
	.quarter_fifty_quarter > .section_column:nth-child(2n)
	{
		width: 100%;
		clear: both;
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}


	a.tooltip
	{
		padding-right: 0;
	}
	a.tooltip:after
	{
		position: static;
		width: 16px;
		height: 16px;
		margin: 5px auto;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}





}

@media screen and (max-width: 960px)
{

	h2
	{
		padding-bottom: 15px;
	}
	/* GRID */
	.full_height,
	.height_sixty
	{
		height: auto;
	}
	section.full_height > .section_content > .section_column  > .column_content
	{
		position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	}



	.section_content
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.row_padding_top_bottom
	{
    padding-top: 30px;
    padding-bottom: 30px;
	}
	.row_padding_double_top_bottom
	{
    padding-top: 60px;
    padding-bottom: 60px;
	}

	.thirty > .section_column,
	.thirty > .section_column:nth-child(3n),
	.thirty > .section_column:nth-child(3n+1),
	.fourty > .section_column:nth-child(1n),
	.fourty > .section_column:nth-child(2n),
	.rtl.fourty > .section_column:nth-child(1n),
	.rtl.fourty > .section_column:nth-child(2n),
	.fifty > .section_column,
	.fifty > .section_column:nth-child(2n+1),
	.sixty > .section_column,
	.sixty > .section_column:nth-child(2n),
	.rtl.sixty > .section_column,
	.rtl.sixty > .section_column:nth-child(2n)
	{
		width: 600px;
		clear: both;
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}

	.twenty > .section_column
	{
		width: 33.33333333%;
	}
	.twenty > .section_column:nth-child(3n)
	{
		width: 33.33333333%;
	}
	.twenty > .section_column:nth-child(3n+1)
	{
		clear: both;
	}



	.fifty_quarter_quarter > .section_column,
	.fifty_quarter_quarter > .section_column:nth-child(2n)
	{
		width: 50%;
	}

	.fifty_quarter_quarter > .section_column:nth-child(3n)
	{
		width: 100%;
	}




	.section_column .column_content > .textwrap {
		padding: 0 20px;
	}
	.section_column.dark_blue .column_content > .textwrap
	{
		margin: 0;
	}

	/* STYLE */
	#content.padding_top_hidden
	{
	    padding-top: 80px;
	}
	#content.padding_top_hidden > section:first-child
	{
		padding-top: 0;
	}
	#content.header_footer_hide
	{
		padding-top: 0;
	}
	.section_column
	{
		padding: 0 0 60px 0;
	}
	.section_column:last-child
	{
		padding: 0;
	}
	.section_background_image
	{
		opacity: 0.35;
	}
	.section_background_image.desktop_only
	{
		display: none;
	}


	#content img.mobile_only
	{
		display: block !important;
	}

	.blog_single .post_header
	{
	  display: none;
	}
	.blog_single .section_background_image
	{
	  opacity: 1;
	}

	#content ul.dotted
	{
		padding-left: 0;
	}
	#content .scroll_next_section
	{
		display: none;
	}

	.columns
	{
		float: none;
		clear: both;
		width: 100%;
		min-width: 0;
		padding-left: 0px;
	}


	.section_column.table.dark_blue .column_content > .textwrap h3
	{
	    margin: 0 -15px 30px -15px;
	}
	.section_column.table .footer
	{
	    margin: 0 0 -20px 0;
	}
	.section_column.table.dark_blue .column_content > .textwrap p:after
	{
    margin-left: -15px;
    margin-right: -15px;
	}

	/* FOOTER */
	#footer
	{
    padding: 15px 0 30px 0;
    text-align: center;
	}
	#footer .footer-menu-container .menu > li > a
	{
		display: block;
		margin-top: 15px;
		padding-top: 15px;
		margin-left: -20px;
		margin-right: -20px;
		border-top: solid #494949 1px;
    padding-bottom: 5px;
	}
	#footer .footer-menu-container .menu > li:last-child
	{
		padding-bottom: 30px;
	}
	#footer .sub-menu li {
    padding-bottom: 5px;
	}


	#footer .copyright
	{
    display: inline-block;
    text-align: center;
	}
	#footer .copyright li
	{
	    float: none;
	    margin-right: 0;
			padding-bottom: 0px;
	}
	.shariff_sticky
	{
	    display: none;
	}

	.horizontal li
	{
		float: none;
		margin: 0 20px;
		padding-bottom: 15px;
		width: 100%;
		display: block;
	}
	.horizontal li:first-child
	{
		padding: 0;
		margin: 0;
		padding-bottom: 15px;
	}
	.horizontal li:last-child
	{
		margin: 0;
		padding: 0;
	}
	.checked li
	{
		margin-left: 20px;
	}
	.radio_list li
	{
		margin: 0;
		float: left;
	}
	.countdown_list li
	{
		margin: 0;
		float: left;
		width: 25%;
		padding: 0;
	}

			#content ul.checked li
			{
				margin-left: 20px;
			}

}



@media screen and (max-width: 768px)
{

		/* STYLE */
		h1
		{
			font-size: 34px;
			line-height: 40px;
			padding-bottom: 22px;
		}
		h2+h1
		{
			margin-top: 0;
		}
		.banner_subtitle
		{
			padding-bottom: 22px;
		}
		h2
		{
			font-size: 22px;
			line-height: 26px;
			padding-bottom: 22px;
		}
		h2+h3
		{
			margin-top: 0;
		}
		.banner_title
		{
			font-size: 22px;
			line-height: 26px;
			padding-bottom: 22px;
		}
		h3
		{
			font-size: 16px;
			line-height: 18px;
			padding-bottom: 22px;
		}
		h4
		{
			font-size: 16px;
			line-height: 18px;
			padding-bottom: 8px;
		}
		p
		{
			font-size: 16px;
			line-height: 22px;
			padding-bottom: 22px;
		}
		ul
		{
			font-size: 16px;
			line-height: 22px;
		}


		.fifty_quarter_quarter > .section_column,
		.fifty_quarter_quarter > .section_column:nth-child(2n),
		.fifty_quarter_quarter > .section_column:nth-child(3n)
		{
			width: 100%;
		}


		.desktop_only
		{
		    display: none;
		}
		.mobile_only
		{
		    display: block;
		}


		#newsletter_signup_header
		{
			font-size: 14px;
			padding: 5px 0 0 0;
		}
		#newsletter_signup_header h3 {
	    padding-bottom: 0;
		}
		#newsletter_signup_header input,
		#newsletter_signup_header .button
		{
			font-size: 14px;
		}
		#newsletter_signup_header li.hidden
		{
		  display: none;
		}
		#newsletter_signup_header ul.horizontal li
		{
			padding-bottom: 5px;
		}
		#newsletter_signup_header .form_status_message
		{
			padding-bottom: 5px;
		}


		#content .section_column .column_content > .textwrap
		{
			padding: 0;
		}

		.section_column.table.dark_blue .column_content > .textwrap h3
		{
		    margin: 0 -15px 20px -15px;
		}
		.section_column.table.dark_blue .column_content > .textwrap p
		{
		    margin: 0 -15px 0 -15px;
		}
		.section_column.table.dark_blue .column_content > .textwrap p:after
		{
	    margin-left: 0;
	    margin-right: 0;
		}
		.section_column.table .footer
		{
		    margin: 0 0 -20px 0;
		}
		.textwrap br
		{
			display: none;
		}

		#content.blog_single ul
		{
	    padding: 0 20px 30px 20px;
		}
		#content.blog_single ul li
		{
			margin-left: 0px;
		}

	  #content .shariff ul li
	  {
	      padding-bottom: 30px;
	  }
	  #content .shariff ul li:nth-child(2n+1)
	  {
	      clear: both;
	  }


}



@media screen and (max-width: 639px)
{
		/* GRID */
	.quarter > .section_column
	{
		width: 100%;
		clear: both;
	}
	.twenty > .section_column,
	.twenty > .section_column:nth-child(3n),
	.twenty > .section_column:nth-child(3n+1)
	{
		width: 100%;
		clear: both;
	}

	/* STYLE */
	#content .shariff ul
	{
		display: block;
		clear: both;
	}
	#content .shariff ul li
	{
		width: 50%;
		margin-left: 0;
	}
	#footer .menu > li
	{
		text-align: center;
	}
	#footer .footer-menu-container .menu > li:first-child > a
	{
		border-top: none;
	}
	#cookie_disclaimer
	{
		font-size: 12px;
	}
	#cookie_disclaimer ul li
	{
		width: 100%;
		clear: both;
		float: none;
	}

}
