@media screen and (max-width: 995px) {
	#tryme_container {
		text-align: center;
	}
	.wrs_css_container {
		padding: 0 1em;
	}
	.wrs_css_mathtype_download_product_box {
		min-height: 280px;
	}
	#left {
		display: none;
	}

	.wrs_css_center_on_mobile {
		text-align: center;
		margin: 20px auto;
	}
	.wrs_css_hide_in_tablet_and_mobile {
		display: none;
	}

	.wrs_css_hide_in_desktop {
		display:block;
	}

	.wrs_css_btn_header_salmon, .wrs_css_btn_header_white {
		background-color: inherit !important;
	    color: inherit !important;
	}

	#buy_now_btn_header {
	    margin: 0;
	    background-color: unset;
	    color: inherit;
	    font-weight: 300;
	    border: 0;
	    border-radius: 0;
	    cursor: pointer;
	    font-size: 18px;
	    padding: 12px 14px;
	    text-align: left;
	    vertical-align: unset;
	    white-space: nowrap;
	    -webkit-appearance: none;
	    line-height: 2.4;
	}

	
	#responsive_menu {
		display: block;
	}
	
	#language_button {
		background-position: 30px 15px;
	}

	#language_span {
		display: inline-block;
		padding: 0px 15px;
	}

	#videobcg {
		display:none;
	}

	.solutionlogo {
		display:none;
	}

	.wrs_css_background_front {
		background-size: cover;
		background-image: url('/portal/themes/wiris_com/img/hero_background.png');
	}

	h1, #main {
		padding-top: 0.2em;
	}


	nav ul {
		opacity: 0;
		overflow: hidden;
		height: 0;
		-webkit-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
	}

	hr {
		margin-top: 3em;
		margin-bottom: -2em;
		border-bottom: 1px solid #aaa;
	}

	nav label {
		display: block;
		background: #f26a54;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 0px;
		padding-top: 10px;
	}

	.wrs_css_header_white nav label {
		background: #fff !important;

	}

	nav label:after{
		content:'';
		display: block;
		width: 30px;
		height: 5px;
		background: #fff;
		margin: 7px 5px;
		box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff;
	}

	.wrs_css_header_white nav label:after {
		background: #696969 !important;
		box-shadow: 0px 10px 0px #696969, 0px 20px 0px #696969 !important;
	}

	nav [type="checkbox"]:checked ~ ul {
		opacity: 1;
		height: auto;
		z-index: 9999;
		position: absolute;
		right: 20px;
		left: 20px;
		top: 60px;
	}

	nav ul li, nav ul button {
		display: block;
		float: none;
		width: 100%;
		text-align: left;
		background-color: #f26a54;
		text-indent: 20px;
	}

	.wrs_css_header_white nav ul li, .wrs_css_header_white nav ul button {
		background-color: #fff;
	}

	nav > ul > li {
		margin-left: 0px;
	}

	.wrs_css_section_editor h1 {
		display: none;
	}

	.wrs_css_separator {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.wrs_css_accessible_vision {
		display: block !important;
		margin: 15px auto;
	}

	.wrs_css_small_editor {
		margin: 0 auto;
		margin-top: 25px;
	}

	.wrs_css_main_editor, .wrs_css_small_editor, .wrs_css_normal_editor {
		width: 95%;
		max-width: 95%;
		height: 300px;
	}

	.wrs_css_toolbar_prototype {
		text-align: left;
	}

	#editorContainer_prototype {
		margin: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	
	#title_editor_slogan {
		font-size: 1.4em;
	}

	.wrs_css_h2_title_editor {
		font-size: 1.2em;
	}

	.w_icon {
		display: inline-block;
		height: 42px !important;
	}

	.wrs_css_logo_wiris_product {
		display: none;
	}
	
	#office_logo_mathtype_section {
		display: none;
	}

	.wrs_css_a_link, .wrs_css_a_button, .wrs_css_link_container, .wrs_css_mathtype_button, .wrs_css_mathtype_button_inverted {
		display: block !important;
		margin: 0 auto !important;
		margin-top: 0.5em !important;
		padding: 9px 12px;
		text-align: center;
	}

	.wrs_css_button_horizontal_margin {
		margin: 0;
	}

	#blackboard_logo {
		margin-top: 1on que te hasem;
	}

	.wrs_css_logo_wiris_big {
		display: none;
	}

	.wrs_css_logo_wiris_small {
		display: inline-block;
		width: 44px;
		padding-bottom: 2px;
	}

	#snow {
		display: none;
	}


	h1, #main {
		padding-top: 0em;
	}

	.wrs_css_live_preview {
		width: 90%;
	}

	.wrs_css_accessible_box {
		width: 90%;
		display: block;
	}
	.wrs_css_col.wrs_css_xs1 {
		width:10%;
	}

	.wrs_css_col.wrs_css_xs11 {
		width: 89.9%;
	}
	
	.wrs_css_content {
		padding: 0;
	}
	.wrs_css_main_editor, .wrs_css_small_editor, .wrs_css_normal_editor {
		width: 90%;
		max-width: 90%;
		height: 260px;
	}
}

@media only screen and (min-width: 601px) {
	.wrs_css_col.wrs_css_m1 {
		width: 8.33333%
	}
	.wrs_css_col.wrs_css_m2 {
		width: 16.66666%
	}
	.wrs_css_col.wrs_css_m3 {
		width: 24.99999%
	}
	.wrs_css_col.wrs_css_m4 {
		width: 33.33333%
	}
	.wrs_css_col.wrs_css_m5 {
		width: 41.66666%
	}
	.wrs_css_col.wrs_css_m6 {
		width: 49.99999%
	}
	.wrs_css_col.wrs_css_m7 {
		width: 58.33333%
	}
	.wrs_css_col.wrs_css_m8 {
		width: 66.66666%
	}
	.wrs_css_col.wrs_css_m9 {
		width: 74.99999%
	}
	.wrs_css_col.wrs_css_m10 {
		width: 83.33333%
	}
	.wrs_css_col.wrs_css_m11 {
		width: 91.66666%
	}
	.wrs_css_col.wrs_css_m12 {
		width: 99.99999%
	}
	.wrs_css_option_label {
		text-align: right;
	}

}

@media only screen and (min-width: 995px) {
	.wrs_css_col.wrs_css_l1 {
		width: 8.33333%
	}
	.wrs_css_col.wrs_css_l2 {
		width: 16.66666%
	}
	.wrs_css_col.wrs_css_l3 {
		width: 24.99999%
	}
	.wrs_css_col.wrs_css_l4 {
		width: 33.33333%
	}
	.wrs_css_col.wrs_css_l5 {
		width: 41.66666%
	}
	.wrs_css_col.wrs_css_l6 {
		width: 49.99999%
	}
	.wrs_css_col.wrs_css_l7 {
		width: 58.33333%
	}
	.wrs_css_col.wrs_css_l8 {
		width: 66.66666%
	}
	.wrs_css_col.wrs_css_l9 {
		width: 74.99999%
	}
	.wrs_css_col.wrs_css_l10 {
		width: 83.33333%
	}
	.wrs_css_col.wrs_css_l11 {
		width: 91.66666%
	}
	.wrs_css_col.wrs_css_l12 {
		width: 99.99999%
	}
}
