/**
 * 80-mobile.css
**/
/** columnset **/
@media only screen and (max-width: 2025px) {
	.columnset .ce_image  {
		margin-left: 1%;
		width: 13.111111%;
	}
}

@media only screen and (max-width: 1260px) {
    .section_header .mod_branding {
        margin-top: 30px;
    }
    
    .section_navigation .inside {
        padding: 0 35px;
    }
    
    .mod_navigation_main {
        margin-right: 35px;
    }
    
    .mod_login_button {
        right: 8px;
    }
    
    .asset_login {
        width: 230px;
    } 
    
    .section_method .article_inside,
    .layout_onepage .section_profit .article_inside,
    .section_login .inside, 
    .section_navigation .inside, 
    .section_main .article_wrapper,
    .section_footer .inside {
        width: auto;
        max-width: 1270px;
        padding-left: 35px;
        padding-right: 35px;
        box-sizing: border-box;
    }
    
    .mod_article.ticker .article_wrapper,
    .mod_article.customer .article_wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    
    .layout_onepage .section_method .article_wrapper .article_inside,
    .layout_onepage .section_profit .article_wrapper .article_inside {
        padding-left: 0;
        padding-right: 0;
    }
    
    .section_main .section_services .article_inside {
        width: 100%;
        max-width: 1200px;
    }
    
    .section_wrapper {
        min-width: inherit; 
    }
    
    .section_method .text_container {
        width: 44%;
        margin-top: 0;
    }
    
    .section_method .image_container {
        width: 49%;
        height: auto;
        box-sizing: border-box;
        margin-right: 1%;
    }
    
	/*
    .section_services_products {
        display: block;
    }
    */
    
    
    .distributor_services:nth-of-type(6) {
        margin-right: 0;
    }
    
    .distributor_services + .distributor_services {
        margin-left: 0;
    }
    
    .section_services .medium,
    .section_services .medium.last {
        padding-top: 60px;
    }
    
    .page_tool_four .workflow_squares li {
	width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    * {
        box-sizing: border-box;
    }
    
    .section_login .inside {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .mod_navigation_main .toggle img {
        margin-top: -8px;
        width: 40px;
        height: 41px;
    }
    
    .rs-columns {
        margin: 0 auto;
    }
    
    .rs-column.-large-col-3-1 {
        margin-right: 0;
    }
	
 	.counter-boxes.ce_rsce_oneo_counter_boxes .rs-column.-large-col-3-1 {
        margin-right: 5%;
    }
    
    .section_subheader .slide-tool h1 {
        padding-left: 35px;
        padding-right: 35px;
    }
    
    .section_subheader .slide-tool p {
        font-size: 14px;
    }
    
    .mod_navigation_main ul {
        display: none;
    }
    
    .mod_navigation_main .toggle {
        display: block;
        position: absolute;
        top: 35px;
        right: 35px;
    }
    
    .mod_mobile_toggle {
        display: block;
    }
    
     .mod_login_button a:before, 
    .mod_login_button a:after {
        bottom: -20px; 
    }

    
    .distributor_services:nth-of-type(4) {
        margin-right: 0;
    }
    
    .distributor_services:nth-of-type(5) {
        margin-left: 0;
    }
    
    
    .distributor_services .text_container {
        width: 100%;
    }
    
    .section_main .section_services .article_inside {
        width: 100%;
    }
    
    .section_services .medium.last {
        width: 100%;
        margin: 2em 0 0 0;
        padding: 0;
    }
    
    .section_company .article_inside {
        width: auto;
        max-width: 940px;
    }
    
    .mod_rocksolid_slider .rsts-next {
        right: 10px;
    }
    
    .mod_rocksolid_slider .rsts-prev {
        left: 10px;
    }
    
    .distributor_benefit h3 a {
        font-size: .875em;
    }
    
    .ce_text.distributor_benefit.tool-4:before,
    .ce_text.distributor_benefit.tool-3:before,
    .ce_text.distributor_benefit.tool-2:before,
    .ce_text.distributor_benefit.tool-1:before {
        padding-top: 14px;
    }
    
    .section_navigation {
	overflow: visible;
    }
    
    .mod_navigation_main.active ul {
	display: block;
	position: fixed;
	top: 116px;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	background: #f6f5f5;
	z-index: 999;
    }
    
    .mod_navigation_main.active ul li {
	display: block;
	float: none;
	padding: 1em 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
    }
    
    .area_prices .features {
	display: none;
    }
    
    .pricing-table .rs-column {
	width: 32% !important;
	margin-right: 2% !important;
    }
    
    .pricing-table .rs-column:nth-of-type(3) {
	margin-right: 0 !important;
    }
    
    .area_prices .section_login .inside, 
    .area_prices .section_navigation .inside, 
    .area_prices .section_main .article_wrapper, 
    .area_prices .section_footer .inside {
	width: 100%;
    }
    
    
    .page_module .tools_highlight {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	box-sizing: border-box;
    }
    
    .tools_teaser h1 {
	font-size: 30px;
    }
    
    .section_services_booklet {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
    }
    
    .layout_latest .teaser .opener .fa {
	display: none;
    }
    
    .layout_latest .teaser .opener span + span {
	position: static;
    }
    
    .section_services:after {
	content: '';
	width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .section_services .medium {
        width: 100%;
        float: none;
    }
    
    .distributor_benefit {
        width: 100%;
    }
    
    
    .asset_subheader_elements {
		width: auto;
		max-width: 940px;
    }
   
    
    .workflow_progress .small, .workflow_circles .small {
	width: 100%;
    }
    
    .workflow_circles .small:after {
	content: none;
    }
    
    .workflow_circles .small {
	margin-bottom: 1em;
    }
    
    .tools_teaser .text_container p {
	font-size: 15px;
    }
    
    .workflow_squares .small,
    .page_tool_four .workflow_squares li {
	display: block;
	width: 100%;
    }
    
    .mod_changelanguage {
        right: 80px;
        top:38px;
        /**/
    }
    /*
    .mod_changelanguage ul {
        width: auto;
    }
    */
}

@media only screen and (max-width: 900px) {
    .ce_rsce_oneo_counter_boxes p {
        font-size: 3.5em;
    }
    .ce_rsce_oneo_counter_boxes h1 {
    }
    .distributor_benefit {
        width: 100%;
        float: none;
        margin-right: 0;
    }
    
    .mod_tools_distributor .tool_wrapper {
	width: 100%;
	max-width: 680px;
    }

    
    
    #cboxLoadedContent .section_main .article_wrapper {
	padding: 0;
    }
}


@media only screen and (max-width: 1200px) and (min-width: 861px) {
	.section_services_contact .asset_services,
	.distributor_services .text_container {
		min-height: 420px;
	}
}

@media only screen and (max-width: 860px) and (min-width: 767px) {
	.section_services_contact .asset_services,
	.distributor_services .text_container {
		min-height: 470px;
	}
}

@media only screen and (max-width: 767px) {
    .section_main {
	  padding-top: 15px;
    }
.asset_subheader_video {
    background-position: -955px 0;
}
.slide-tool-1,
.slide-tool-2,
.slide-tool-3,
.slide-tool-4,
.slide-tool-5 {
    background-position: -620px 0;
}
    .counter-boxes.ce_rsce_oneo_counter_boxes .rs-column.-large-col-3-1 {
    	margin-right: 0;
        width: 100%;
    }
    .ce_rsce_oneo_counter_boxes p {
        font-size: 4.5em;
    }
    .counter-boxes.ce_rsce_oneo_counter_boxes .rs-column {
        margin-top: 3%
    }
    .ce_rsce_oneo_counter_boxes h1 {
        min-height: 3.5em;
    }
	
    .tickerhead,    
    .teaser_wrapper {
	display: none;
    }
    
    .tickertext {
        margin-left: 0;
    }
    
    .mod_navigation_main .toggle {
	right: 0;
    }
    
    .section_subheader .slide-tool h1,
    .asset_subheader_elements h1 {
	max-width: 80%;
	margin: 0 auto;
    }
    
    .small.distributor_link {
	width: 100%;
	text-align: left;
	margin-top: 1em;
    }
    
    .section_company .text_container p {
	font-size: 14px;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
    }
    
    .section_header .mod_branding {
	max-width: 210px;
	margin-top: 37px;
	margin-left: -10px;
    }
    
    .mod_rocksolid_slider .asset_subheader_elements {
	top: 66%;
    }
    
    .mod_callback {
        top: 150px;
    }
    
    .mod_download,
    .section_method .text_container,
    .section_method .article_inside,
    .section_method .image_container {
        width: 100%;
        float: none;
    }
    
    .section_contact .small {
        width: 50%;
        height: 230px;
        
    }
    
    .section_method .image_container {
        margin-top: 1em;
        margin-bottom: 3em;
    }
    
    .section_method img {
        margin: 0 auto;
    }
    
    .section_main h2 {
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .section_method .image_container {
        box-sizing: border-box;
        height: auto;
    }
    
    .section_subheader .slide-tool h1 {
        padding-left: 35px;
        padding-right: 35px;
        
    }
    
    .mod_rocksolid_slider {
        max-height: calc(40vh - 82px);
        min-height: 500px;
    }
    
    .mod_rocksolid_slider .slide-tool .ce_text {
        display: none;
    }
    
    .mod_rocksolid_slider .slide-tool img {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    
    .section_subheader .slide-tool h1, 
    .asset_subheader_elements h1 {
        font-size: 22px;
        margin-bottom: 1em;
    }
    
    .distributor {
        overflow: hidden;
    }
    
    .section_services_products {
        display: block;
    }
    
    .distributor_services {
        width: 100%;
        float: none;
        margin: 1em auto 5em auto;
        box-sizing: border-box;
	overflow: visible;
	min-height: 300px;
	
    }
    
    .pricing-table .rs-column {
	width: 100% !important;
	margin-right: 0% !important;
    }
    
    .tools_teaser .small {
	display: none;
    }
    
    .medium {
	width: 100%;
        
    }
    
    .section_services_booklet .medium {
        margin-bottom: 1em;
    }
    
    .section_services_booklet figure.float_left {
        width: 40%;
        margin-right: 5%;
    }
    
    .section_services_booklet p a {
        padding: 8px 15px;
    }
    
    .section_services_booklet figure.float_right {
        width: 40%;
        margin-left: 5%;
    }
    
    .page_module .jobs h2 {
	margin-left: 0;
    }
    
    .page_module .section_video,
    .page_module .jobs .offer {
	max-width: 100%;
	width: 100%;
	height: 290px;
	overflow: visible;
	margin-top: 2em;
    }
    
    .page_module .section_video {

	margin-bottom: 2em;
    }
    
    .page_module .section_video img {
	margin: 0 auto;
    }
    
    .mod_email_form .fieldset_selection span, .mod_contact_form .fieldset_selection span, .mod_contact_form .fieldset_contactdata div {
	width: 96%;
    }
    
    .profits ul {
        margin-left: 0;
        padding-left: 0;
    }
    
    .tools_teaser .register, .tools_teaser .opener {
        margin-left: auto;
        margin-right: auto;
    }
    
    .tools_teaser .register a, .tools_teaser .opener a {
        font-size: 16px;
    }
    
    .mod_navigation_page_tools {
        margin-bottom: 27px;
    }
    
    .tools_teaser h1 {
        font-size: 24px;
    }
    
    .page_tool_four .workflow_squares li {
        font-size: 16px;
    }
    
    .page_module .jobs h2,
    .page_module h2,
    .page_tool_one .mod_article h2,
    .page_tool_one.second .mod_article h2 {
        font-size: 16px;
        line-height: 1.5;
        height: auto;
    }
    h1 {
        font-size: 22px;
        line-height: 1.5;
    }
    
    .section_services_contact, .section_main .article_inside {
        padding: 10px 0;
    }
    
    .section_main h2 {
        margin-top: 10px;
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .section_main .first .article_inside {
        padding: 0;
    }
    
    .page_home .section_main .first .article_inside {
        padding: 20px 0;
    }
    
    .section_footer .mod_branding {
        margin: 1em auto;
        float: none;
        text-align: center;
    }
    
    .section_footer .mod_branding .image_container {
        display: inline-block;
    }
}

@media only screen and (max-width: 580px) {
    #cboxMiddleLeft,
    #colorbox,
    #cboxWrapper,
    #cboxContent,
    #cboxLoadedContent{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
    }
    
    .mod_contact_form .fieldset_contactdata input.email {
	width: 96%;
    }
    
    .section_contact .small {
        width: 100%;
        height: auto;
    }
}

@media (orientation: landscape) and (min-width: 1026px) {
.mod_rocksolid_slider.desktop {
       display: block;
       min-height: 680px;
    }
.mod_rocksolid_slider.mobile {
       display: none;
    }
}

@media (orientation: portrait) and (max-width: 1025px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 950px;
    }
}

@media (orientation: portrait) and (max-width: 939px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 860px;
    }
}

@media (orientation: portrait) and (max-width: 839px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 770px;
    }
}

@media (orientation: portrait) and (max-width: 789px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 680px;
    }
}

@media (orientation: portrait) and (max-width: 639px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 590px;
    }
}

@media (orientation: portrait) and (max-width: 544px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 500px;
    }
}

@media (orientation: portrait) and (max-width: 455px) {
.mod_rocksolid_slider.desktop {
       display: none;
    }
.mod_rocksolid_slider.mobile {
       display: block;
       min-height: 385px;
    }
}