/*
Name: 			theme-responsive.css
Written by: 	Okler Themes - (http://www.okler.net)
Version: 		3.0.0
*/



@media (max-width: 1400px) {

  #header .social-icons2{
		display: none !important;
	}

 .col-md-12 h1{
font-size: 3.0em !important;
line-height: 45px !important;}

p .alternative-font{
margin-top: 0px !important;}

.hoster_support_class{
display: none !important;
	}

#header .nav-main{
		margin-right: 250px;

	}

}






@media (max-width: 1350px) {

  #header .social-icons2{
		display: none !important;
	}

 .col-md-12 h1{
font-size: 3.0em !important;
line-height: 45px !important;}

#header .nav-main{
		margin-right: -20px;

	}

p .alternative-font{
margin-top: 0px !important;}

.hoster_support_class{
display: none !important;
	}
}


@media (max-width: 1200px) {

  #header .social-icons2{
		display: none !important;
	}

 .col-md-12 h1{
font-size: 3.0em !important;
line-height: 45px !important;}

#header .nav-main{
		margin-right: -20px !important;

	}

p .alternative-font{
margin-top: 0px !important;}

.hoster_support_class{
display: none !important;
	}
}




@media (max-width: 993px) {
#header {
		clear: both;
	}

  #header .social-icons2{
		display: none !important;
	}

}


@media (max-width: 991px) {
  /* Header */
	#header {
		clear: both;
	}

	#header > .container {
		margin-bottom: 0;
	}



 #footer .footer-ribbon {
display: none !important;
	}

	#header .social-icons,
  #header .search {
		display: none;
	}




	#header .nav-collapse {
		background: #171717;
		width: 100%;
		clear: both;
		width: 100%;
	}

	#header .nav-collapse .container .nav-main {
		float: left;
		width: 100%;
	}

	#header .nav-main-collapse {
		top: 8px;
		position: relative;
		background: #171717;
		max-height: none;
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	#header .nav-main-collapse.collapse {
		display: none !important;
	}

	#header .nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
		display: block !important;
	}


	#header .nav-main ul {
		padding: 0;
		margin: 0;
	}

	#header .nav-main ul li {
		padding: 0;
		margin: 0;
		clear: both;
		float: none;
		display: block;
		border-bottom: 1px solid #2A2A2A;
	}

	#header .nav-main ul li:last-child {
		border-bottom: none;
	}

	#header .nav-main ul ul {
		margin-left: 20px !important;
	}

	#header .nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
		margin-right: -10px;
	}

	#header .nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	#header .nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	#header nav ul.nav-main > li + li {
		margin-left: 0;
	}

	#header nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	#header nav ul.nav-main li a i.icon-angle-down {
		position: absolute;
		right: 5px;
		top: 10px;
	}

	#header .nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	#header nav ul.nav-main li.dropdown:hover > a {
		margin-bottom: -2px;
	}

	#header nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#header nav ul.nav-main ul.dropdown-menu li > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		border-bottom: none;
	}

	#header nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	#header nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	#header nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}


	body #header nav ul.nav-main ul.dropdown-menu {
		background: none !important;
		background-color: transparent !important;
	}

	body #header nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header nav ul.nav-main li a, body #header nav ul.nav-main li > a:hover, body #header nav ul.nav-main li.active a, body #header nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	body #header nav ul.nav-main ul.dropdown-menu li:hover > a,
  body #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
	}


	body #header.single-menu nav ul.nav-main li.active > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}


  /* Responsive Button Nav */
	.btn-responsive-nav {
		background: #0083C1;
		top: 15px;
		display: block;
		position: relative !important;
                margin: 0 auto !important;


		color: #FFF;
	}

.btn {
		position: relative !important;
                margin: 0 auto !important;}

	.btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
		color: #CCC;
	}


  /* Nav Top */
	#header .header-top ul.nav-top {
		float: left;
		margin: 7px 0 0 -15px;
		min-height: 5px;
	}
/* Home Slider */


  /* Disable Parallax */
	.parallax, section.video {
		background-size: auto 100% !important;
		background-position: 50% 0 !important;
	}
/* Thumbnails */


	section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before {
		display: none;
	}
/* Footer */


  /* Scroll to Top */
	.scroll-to-top {
		display: none !important;
	}
/* Login */


	nav.mega-menu .mega-menu-signin .dropdown-menu {
		margin: 25px 0 0 !important;
		padding: 0;
		width: 95%;
		right: 0;
	}


	body #header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a {
		color: #FFF;
		padding: 6px 0 !important;
	}
/* Shop */


	#header nav.mega-menu .mega-menu-shop a {
		color: #FFF;
	}

	#header nav.mega-menu .mega-menu-shop a .icon-angle-down {
		display: none !important;
	}

	#header nav.mega-menu .mega-menu-shop > ul.dropdown-menu {
		display: none !important;
	}
/* Offset Anchor */


  /* Boxed */
	body.boxed .body {
		margin: 0 auto;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

@media (max-width: 767px) {
/* Base */


  /* Header */
	#header {
		display: block;
	}

.hoster_support_class {
display: none !important;}

	#header > .container {
		width: 100%;
	}

	#header .social-icons {
		display: none;
	}

	#header nav ul.nav-top {
		float: right;
		margin-right: 0;
	}


  /* Responsive Button Nav */
	.btn-responsive-nav {
		top: 15px;
	}
/* Sort */


	.sort-source-wrapper .nav {
		margin: 0;
	}


  /* Pricing Tables */
	.pricing-table {
		margin-left: 0px;
	}

	.pricing-table .plan {
		margin-right: 0;
	}
/* Footer */


  /* Boxed */
	body.boxed {
		background: none !important;
	}
}

@media (max-width: 680px) {

.webhosting-hilfe3 {
left: 45% !important;
width: 200px !important;
margin-right: 100 px !important;
}

.webhosting-hilfe4 {
    position: absolute !important;
    display: block;
    box-sizing: border-box;
    bottom: -200px !important;
    left: 50%;
    width: 250px !important;
    margin-left: -150px !important;
    padding: 10px 20px;
    color: #FFF;
    background: #000 none repeat scroll 0% 0%;
    border-radius: 5px;
    font: 10px/18px "Open Sans",Arial,sans-serif !important;
}

.webhosting-hilfe5 {
    position: absolute !important;
    display: block;
    box-sizing: border-box;
    bottom: -200px !important;
    left: 50%;
    width: 250px !important;
    margin-left: -150px !important;
    padding: 10px 20px;
    color: #FFF;
    background: #000 none repeat scroll 0% 0%;
    border-radius: 5px;
    font: 10px/18px "Open Sans",Arial,sans-serif !important;
}
}



@media (max-width: 479px) {


  /* Base */
	body {
		font-size: 13px;
	}

	h2 {
		line-height: 40px;
	}

  /* Arrow */
	.arrow {
		display: none;
	}

  /* Header */
	#header nav ul.nav-top, #header .header-top {
		display: none;
	}

  /* Page Top */
	.page-top {
		padding: 16px 0;
	}


  /* History */
	ul.history li .thumb {
		display: none;
	}

	ul.history li .featured-box {
		margin-left: 0;
	}
/* Timeline */
}
/* Custom Breakpoints */
@media (max-width: 600px) {



  /* Header */
	#header nav ul.nav-top li {
		display: none;
	}

	#header nav ul.nav-top li .phone {
		display: block;
	}


#name-and-slogan {
display:none !important;}

#name-and-slogan div{
display:none;}

h1{
text-align:center !important;}

h2{
text-align:center !important;}

h3{
text-align:center !important;}

h4{
text-align:center !important;}

h5{
text-align:center !important;}

.content{
text-align:center !important;}

.small{
text-align:center !important;}

.col-md-12{
text-align:center !important;}




body.boxed .body {
    background-color: transparent !important;
    border-bottom: 0px !important;
    border-radius: 0px !important;
    border-top: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15) !important;
    margin: 0px auto !important;
    width: 100% !important;
    height: auto !important;
}

body.boxed .pricing-table {
    margin-left: 0px !important;
}

.container {
padding-left: 0px !important;
padding-right: 0px !important;

}
}