@media only screen and (min-width: 641px) and (max-width: 1019px)  {

	/*#content *, .mainbody * {
		font-size: 13px !important;
		font-family: Arial, Helvetica, sans-serif !important;
	}*/

	img {
    	max-width: 100% !important;
    	height: auto !important;
	}
	
	#realletter {
		display:none;
	}

	#logo {
		top: 29px;
		left: 50%;
		margin-left: -180px;
	}
	#new_letter_span, #new_letter2_span {display: none !important;}

	#new_letter, #new_letter2 { width: 190px; top: 25px; }

	#new_letter2 {
		right:10px;
	}
	#new_letter2 img {
		width: 24px;
  		top: 8px;
  		left: 7px;
	}

	#nav {
		margin-left: -310px;
		top: 95px;
	}
	#nav ul {
		text-align: center;
	}
	#nav ul li {
		display: inline-block;
		line-height: 30px;
		margin-bottom: 5px;
		white-space: nowrap;
		font-size: 19px;
	}

	#header, .future {
		width: 100% !important;
	}	
	#featured {
		width: 900px !important;
		height: 280px !important;
	}
	#content {
		width: 98%;
	}
	.roundv {
		width: 100% !important;
		max-width: 879px;
		margin: 0 auto;
		overflow: hidden;
	}
	.orbit-wrapper {
		width: 100% !important;
	}	
	.singlepost, .mainpost {
		width: 96%;
		height: inherit !important;
		padding: 2%;
	}
	.singlepost:after {
		content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.singlepost .cols {
		width: 30%;
  		padding-right: 3%;
	}
	.cols .rght {
		width: initial !important;
	}

	.oneheight {
		text-align: center;
	}
	.postcol {
		display: inline-block;
  		float: inherit;
  		vertical-align: top;
		width: 49%;
		margin-right: 0;
	}
	.postcol:first-child {
		margin-right: 1%;
	}
	.postcol:last-child {
		width: 100%;
		height: 310px;
  		overflow: hidden;

  		-khtml-border-radius: 5px;
  		-moz-border-radius: 5px;
  		-ms-border-radius: 5px;
  		-o-border-radius: 5px;
  		-webkit-border-radius: 5px;
  		border-radius: 5px;
	}
	.postcol:last-child .post a {
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.post {
		width: initial !important;
	}

	#vk_like {
		overflow: hidden;
	}

	/*prices*/
	.freshdesignweb {
		width: 100% !important;
	}
	.freshdesignweb .pricing_box {
		width: 33% !important;
	}

	.pricing_box.large .header {
		font-size: 22px !important;
	}
	.pricing_box .header {
		font-size: 15px !important;
	}
	.pricing_box ul {
		padding-top: 15px !important;
	}
	.pricing_box ul li {
		line-height: 22px !important;
		padding-left: 10px !important;
	}

	div#videos {
		width: 46% !important;
		margin: 1% !important;
		padding: 1% !important;
	}
	div#videos>div {
		width: 100% !important;
	}

	/*mainbody*/
	.mainbody {
		margin: 2% !important;
		padding: 1% !important;
		margin-top: 30px !important;
		width: 94% !important;
		height: inherit !important;
	}
	.meerkat {
		background-image: none;
	}
/*}

@media only screen and (min-width: 641px) and (max-width: 890px)  {*/

	#robo {
		margin-left: 0;
		width: 50px;
	}
	
	#logo {
		margin-left: -320px;
	}
	#logo a {
		width: 300px !important;
	}

	fieldset {
		width: 98% !important;
	}
	.pay_td {
		width: 98% !important;
	}
	.pay_td input.orange, .pay_td input.rosy{
		width: 140px !important;
  		padding: 0!important;
	}
	

}


@media only screen and (min-width: 641px) and (max-width: 780px)  {
	
	#new_letter_span, #new_letter2_span {display: none !important;}

	#logo {
		margin-left: -315px;
	}
	#logo a {
		width: 300px !important;
	}
	
	#new_letter, #new_letter2 {
		top: 31px;
	}
	#new_letter2 img {
		width: 22px;
  		top: 3px;
  		left: 4px;
	}
	#nav {
		/* position: initial; */
		top: 95px;
	}
	.meerkat {
	    background-image: none;
	}
}


@media only screen and (max-width: 640px)  {
	

	body {
		overflow-x: hidden
	}
	img {
    	max-width: 100% !important;
    	height: auto !important;
	}

	.roundv, #contact-wrapper {
		display: none;
	}
	#robo, #logo {
		display: none !important;
	}
	.singlepost:last-child {
		display: none;
	}

	#header, .future {
		width: 100%;
		height: inherit !important;
	}
	
	#new_letter_span, #new_letter2_span {display: none !important;}

	#logo2 img {
	    width: 95%;
	}
	#logo2 {
		display:block!important;
		padding-top: 30px;
		text-align: center;
	}

	#nav {
		position: initial;
		top: inherit !important;
		margin-left: inherit !important;
	}
	#nav ul {
		margin: 0;
		margin-top: 3px;
		text-align: center;
		padding-left: 0 !important;
		height: 50px;
  		overflow: hidden;
	}
	#nav ul li {
		display: block;
		width: 100%;
		height: 50px;
		/*background-color: #7db2d2;*/
		background-color: #1db2d2;
		line-height: 50px;
		margin-bottom: 1px;
		margin-left: 0;
		white-space: nowrap;
		text-transform: uppercase;
		cursor: pointer;
	}
	#nav ul li:hover, #nav ul li:active  {
		cursor: pointer;
		background-color: #1db2d2;
	}
	#nav ul li a {
		display: block;
		width: 100%;
	}
	#nav ul li span {
		color: #fff;
  		font-weight: bold;
	}
	#nav ul li a:hover {
		text-decoration: none !important;
		border-bottom: none !important;
	}
	#new_letter, #new_letter2 {
		position: relative;
		display: block;
  		width: 100%;
 		height: 50px;
  		line-height: 50px !important;
  		font-size: 20px;
  		padding: 0 !important;
  		margin: 0 !important;
  		margin-top: 2px !important;
  		top: inherit !important;
		left: 0 !important;
		border: none !important;

  		-webkit-border-radius: 0;
  		-moz-border-radius: 0;
  		border-radius: 0;
  		-webkit-box-shadow: none;
  		-moz-box-shadow: none;
  		box-shadow: none;
	}
	#new_letter {
		margin-top: 90px !important;
	}
	#new_letter2 {
		left: 0;
  		top: 80px;
	}
	#new_letter2 img {
  		top: 10px;
  		left: 7px;
	}

	#content {
		width: 98%;
	}
	.orbit-wrapper {
		width: 100% !important;
	}	
	.mainpost {
		width: 96%;
		height: inherit;
		padding: 2%;
	}
	.singlepost {
		width: 96% !important;
		height: inherit;
		padding: 2% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.singlepost:after {
		content: ".";
	    display: block;
	    clear: both;
	    visibility: hidden;
	    line-height: 0;
	    height: 0;
	}
	.singlepost .cols {
		width: 100%;
  		padding-right: 0;
	}
	.postcol {
		display: inline-block;
  		float: inherit;
		width: 100%;
		margin-right: 0;
		/*max-height: 500px;*/
		height: initial !important;
  		overflow: hidden;

  		-khtml-border-radius: 5px;
  		-moz-border-radius: 5px;
  		-ms-border-radius: 5px;
  		-o-border-radius: 5px;
  		-webkit-border-radius: 5px;
  		border-radius: 5px;
	}
	.post, .post2 {
		width: initial !important;
		height: initial !important;
	}
	.postcol:last-child .post a {
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
	}

	#vk_like {
		overflow: hidden;
	}

	/*prices*/
	.freshdesignweb {
		width: 100% !important;
	}
	.freshdesignweb .pricing_box {
		width: 100% !important;
	}
	
	div#videos {
		width: 98% !important;
		margin: 1% !important;
		padding: 1% !important;
	}
	div#videos>div {
		width: 100% !important;
	}
	.video_text {
		width: inherit;
	}
	#allow {
		height: inherit;
		min-height: 65px;
		padding-bottom: 5px;
	}

	
	/*mainbody*/
	.mainbody {
		margin: 2% !important;
		padding: 1% !important;
		margin-top: 30px !important;
		width: 94% !important;
		height: inherit !important;
	}
	table.inp {
		margin: 0 !important;
		padding: 1% !important;
		width: 98% !important;
	}
	.rght { width: 40% !important;}
	.r_col { width: 60% !important;}
	.rght, .r_col {
		margin: 0 !important;
		padding: 1% !important;
	}
	.rght #author {
		width: 100% !important;
	}

	label.realaddress span, .inp td label {
		width: 90% !important;
		/*display: none;*/
	}
	.inp td label {
		display: block;
	}
	.inp td label span {
		width: 80%;
	}

	td.r_col #rdate {
		width: 100% !important;
		font-size: 22px !important;
	}
	#webcam_movie {
		display: none;
	}
	#inlineDatepicker {
  		padding-left: 0 !important;
	}
	.datepick-month {
		width: 12em !important;
	}

	textarea#comment, textarea#comment2, input#author, input#rdate {
		width: 90% !important;
	}

	input#author, input#rdate {
		height: 32px;
		/*position: relative;
		top: -14px;*/
	}

	#step_2 {
		/*display: block !important;*/
	}
	.newletter {
		width: 100%!important;
	}

	fieldset {
		width: 98% !important;
	}
	.pay_td {
		width: 98% !important;
	}
	.pay_td input.orange, .pay_td input.rosy{
		width: 140px !important;
  		padding: 0!important;
	}
	.meerkat {
		background-image: none;
	}
	.desc_h1 {
		font-size: 24px;
	}
	.desc_h3 {
		font-size: 23px;
	}
	.realaddress {
		margin-top: -15px!important;
	}
	#u_country {
		width: 80%!important;
	}
	#ammount {
		float: none;
	}
}


@media only screen and (max-width: 540px)  {

	body {
		min-width: 405px;
	}
	#robo {
		display: none !important;
	}
	
	#new_letter_span, #new_letter2_span {display: none !important;}

}


/*guest*/
.postcol_guest {
	/*width: 100% !important;*/
	height: inherit !important;
}

@media only screen and (max-width: 400px) {

#logo {
left: -125px;
}
#logo a {
width: 250px;
}
#new_letter_span, #new_letter2_span {display: none !important;}
}