/home/mantaraham/www/css/ Current File: /home/mantaraham/www/css/responsive.css
@charset "utf-8";
/* CSS Responsive */

@media screen and (max-height: 768px) {

}

@media screen and (max-width: 1470px) {
	.container {
	  padding: 0 110px;
	  width: 100%;
	}

}
@media screen and (max-width: 1200px) {
	.signup{
		width: 50%;
	}
	.share{
		width: 50%;
		border:none;
	}
	.email{
		width: 100%;
		margin-top: 100px;
	}
	.main-menu a {
        margin: 0 7px;
	}
}

@media screen and (max-width: 1000px) {
	.content > div{
		width: 100%!important;
	}
	.text p{
		max-width: unset;
		padding-left: 0;
	}
	.illustration img{
		float: none!important;
		margin: 0 auto 30px;
		display: block;
	}

}

@media screen and (max-width: 800px) {
	.intro h1 {
	  font-size: 58px;
	}
	.intro p {
	  font-size: 31px;
	}
	.container{
		padding: 0 50px;
	}
	.nav{
		right: 10px;
	}
	.intro a {
	  display: block;
	  max-width: 40px;
	  margin: 30px auto;
	}
	.illustration img{
		width: 100%;
	}
	.topbar .social-wrapper {
        margin-left: 5px;
    }
	.register-button {
		display: block;
		margin: 12px 0;
	}
	.main-menu .register-button {
		display: none;
	}
	.menu-toggle {
		display: block;
	}
	.menu-wrapper {
		display: none;
	}
	.menu-wrapper {
		position: absolute;
    	top: 100%;
		width: 100%;
		background-color: #eee;
		padding: 20px 0;
	}
	.main-menu li {
		float: right;
		width: 100%;
	}
	.main-menu a {
		display: block;
		line-height: 24px;
		height: auto;
		text-align: right;
		padding: 5px 10px;
	}
	.main-menu > li > a:before {
		display: none;
	}
	.main-menu > li > a {
		top: 0;
		margin-bottom: 0;
	}
	.main-menu a:not(.has-sub-menu):hover {
		color: #609ec5;
		border-bottom-color: transparent;
	}
	.main-menu ul {
		display: none;
		position: static;
		float: right;
		width: 100% !important;
		background-color: #353535;
		border-bottom: 0;
		margin: 10px 0;
	}
	.main-menu .mega-menu ul ul {
		display: block !important;
	}
	.main-menu ul .title {
		color: #9c9c9c;
	}
}
@media screen and (max-width: 660px) {
	.intro h1 {
	  font-size: 40px;
	}
	.intro p {
	  font-size: 27px;
	}
	.signup{
		width: 100%;
		border: none;
		border-bottom: 1px solid #bdbdbd;
	}
	.share{
		width: 100%;
		border:none;
		border-bottom: 1px solid #bdbdbd;
		margin-top: 50px;
	}
	.email{
		margin-top: 50px;
	}
	
}
@media screen and (max-width: 570px) {
	.intro img{
		width: 100%;
	}
}
@media screen and (max-width: 500px) {
	.intro h1 {
	  font-size: 30px;
	}
	.intro p {
	  font-size: 21px;
	}
	.text h2{
		font-size: 26px;
	}
	.text p{
		font-size: 16px;
	}
	.stitle{
		font-size: 26px;
	}
	
}
@media screen and (max-width: 400px) {
	.intro p {
	  padding: 0 30px;
	}
	
}
@media screen and (max-width: 350px) {
	.intro p {
	  padding: 0 10px;
	}
	
}