@media (min-width: 1400px) {
 	#sidebar
 	{
 		display: block;
 	}  
 	#sidebar h1
 	{
 		font-size: 18px;
 	}
 	#sidebar h1 span
 	{
 		font-size: 12px;
 	}
 	#sidebar p
 	{
 		font-size: 14px;
 	}
}
@media (max-width: 1350px) {
	#sidebar 
	{
		display: none;
	}
}
@media (min-width: 750px) and (max-width: 1100px) {
	#slider
	{
		height: auto;
		margin-bottom: 20px;
	}
	.box, .services p, #services_icons ul, #thumbnails, #wrapped
	{
		padding: 0 10px;
		width: 100% !important;
	}
	#header #logo
	{
		display: none;
	}
	#thumbnails li
	{
		width: 25%;
	}
	#thumbs
	{
		margin-bottom: 20px;
	}
	.hosted #left
	{
		width: 45%;
		height: auto;
		padding: 0 10px;
	}
	.blue #references
	{
		width: 54%;
	}
	.blue 
	{
		height: auto;
	}
	#footer
	{
		padding-left: 20px; 
		padding-right: 20px;
	}
	.packets p img 
	{
		width: 80%;
	}
	#full
	{
		padding: 20px 10px;
	}
}
@media (max-width: 750px) {
	#slider, #thumbs, #header
	{
		display: none;
	}
	.box, #services_icons ul, #wrapped, #pay, #thumbnails
	{
		width: 100%;
	}
	#thumbnails li
	{
		width: 19.5%;
	}
	#respons_header
	{
		top: 0;
		display: block;
		width: 100%;
		padding: 5px;
		z-index: 9999999;
		position: fixed;
		background: rgba(0,0,0,.75);
	}
		#respons_header img 
		{
			position: relative;
			display: block;
		}
	#sidr-id-login_form
	{
		display: none;
		padding: 20px 0;
	}
	#sidr-id-logo
	{
		text-align: center;
		padding: 10px 0;
	}
	.sidr ul li span
	{
		display: none !important;
	}
	.blue #references
	{
		width: 100%;
		height: auto;
	}
		.blue #references #references_wrap
		{
			margin-bottom: 30px;
		}
	.blue
	{
		height: 100%;
		overflow: hidden;
	}
	.blue #arrows 
	{
		right: 0;
	}
	.hosted
	{
		height: 100%;
	}
	#footer ul
	{
		margin-left: 10px;
	}
	#footer ul li
	{
		margin: 0 10px;
	}
	#title h1
	{
		font-size: 30px;
	}
	table, thead, tbody, th, td, tr { 
		display: block; 
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.services p
	{
		width: 100%;
	}
	.packets 
	{
		width: 100%;
		padding: 5px;
	}
	.packets thead tr 
	{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.packets tr 
	{ 
		width: 49%;
		border: 1px solid #ccc; 
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	.packets tr:last-child
	{
		width: 99%;
	} 
	.packets #location 
	{
		height: 275px;
		line-height: 240px;
		vertical-align: middle;
	}
	.packets td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.packets td:before { 
		position: absolute;
		content: attr(data-title);
		vertical-align: middle;
		left: 6px;
		width: 45%; 
		font-size: 20px;
		text-align: left;
		padding-right: 10px; 
		white-space: nowrap;
		display: inline-block;
		vertical-align: middle;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	.packets tr td:first-child 
	{
		display: block;
		text-align: center;
		width: 100% !important;
	}
	.packets tr td select
	{
		width: 100%;
	}
	.packets .select
	{
		padding-left: 0;
	}
	.packets #empty
	{
		padding: 30px 0;
		background: #F1F1F1;
		width: 100% !important;
		border-bottom: 1px solid #E7E7E7;
	}
	.packets tr:first-child
	{
		display: none !important;
	}
	#choose span
	{
		width: 100%;
		text-align: center;
	}
	#choose form
	{
		width: 100%;
	}
	#choose > label 
	{
		width: 100%;
		display: block;
		text-align: right;
		position: relative;
	}
	#choose > label:before
	{
		width: 80%;
		content: attr(data-title);
		font-size: 18px;
		position: absolute;
		left: 10px;
		line-height: 45px;
		text-align: left;
		vertical-align: middle;
	} 
	#choose label.selected 
	{
		background: #EBF5FB !important;
	}
	.vps_select form > label
	{
		width: 98% !important;
	}
	.addition_features tr td
	{
		width: 49%;
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	.addition_features tr td:nth-child(odd)
	{
		width: 49%;
	}
	.box 
	{
		padding: 65px 5px;
	}
	.reff 
	{
		width: 63%;
	}
	#cpay
	{
		width: 100%;
	}
	#cpay img 
	{
		width: 100%;
	}
		.clients #refer
		{
			width: 100%;
		}
		.clients #clients_logo
		{
			width: 100%;
			margin-top: 20px;
		}
		.clients #clients_logo img 
		{
			width: 100%;
		}
/*}
@media (max-width: 480px) {*/
	.box, .windows_choose form
	{
		width: 100% !important;
		padding: 10px;
	}
	.blue_box 
	{
		padding: 50px 0;
	}
	#sub_header .box
	{
		padding: 30px 0 !important;
	}
	#sub_header h1
	{
		text-align: center;
	}
		.box p
		{
			width: 100%;
		}
	.about_us #left
	{
		width: 100%;
		display: block;
		margin-bottom: 60px;
	}
		.about_us #left img
		{
			top: 0;
			right: 0;
			position: relative;
			display: block;	
		}
	#responsive_menu img 
	{
		width: 40%;
		display: inline-block;
		vertical-align: middle;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
	}
	.about_us #left
	{
		padding: 10px;
	}
	.about_us #right, #wrapped, .country, #choose div > label, #choose form > label, .resseler form > label
	{
		width: 100% !important;
	}
	.packets #location
	{
		height: auto;
	}
	#res_td 
	{
		display: none;
	}
	.box small
	{
		margin-top: 10px;
		display: block;
		position: relative;
	}
		#services_icons ul
		{
			width: 100%;
		}
			#services_icons ul li
			{
				width: 100%;
				border: none;
				padding: 30px;
				border-bottom: 1px solid rgba(90,123,175,.2);
			}
			#services_icons ul li:nth-child(2)
			{
				width: 100%;
			}
			#services_icons ul li:last-child
			{
				border-bottom: none;
			}
			.blue 
			{
				padding: 0;
				position: relative;
			}
			.grey_box
			{
				padding: 50px 0;
			}
			#title h1
			{
				font-size: 30px;
			}
			.blue p
			{
				width: 100%;
			}
			.blue #references
			{
				width: 100%;
				height: inherit;
			}
			.hosted
			{
				width: 100%;
				height: auto;
			}
			#sub_header h1
			{
				font-size: 30px;
			}
			.clients #refer
			{
				width: 100%;
			}
				.clients #clients_logo, .clients #clients_logo img, .dedi li, .dedi li #left, .dedi li #right, .dedi li #right p, .dedi li > label
				{
					width: 100%;
				}
				.dedi_choose label
				{
					padding: 10px;
					text-align: center;
					width: 100% !important;
				}
				.dedi_choose label label 
				{
					margin: 0 auto;
					padding-left: 40%;
					width: 29% !important;
				}
				.dedi_choose > label:before, #choose div > label:before, #choose form > label:before
				{
					width: 65%;
					font-size: 20px;
					text-align: left;
					display: inline-block;
					vertical-align: middle;
					content: attr(data-title);
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
				}
				.dedi li #right p
				{
					text-align: left;
					border-left: 1px solid #E7E7E7;
				}
				#cpay img, #contact_form form, #contact_form #contact_info, .blog, #mk-uslovi, .domains tr td, .domains tr th, .domains tr.check_domain input[type=text], .domains tr.check_domain select
				{
					width: 100% !important;
				}
				#price_ tr:first-child
				{
					display: none;
				}
				#price_ tr td:first-child
				{
					width: 100%;
				}
				#price_ tr td:before 
				{
					width: 40%;
					text-align: left;
					text-transform: uppercase;
					display: inline-block;
					vertical-align: middle;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
					content: attr(data-title);
				}
				.packets #price
				{
					padding-left: 50%;
				} 
				.packets #price:before
				{
					top: 20px;
				}
				.packets #price > div 
				{
					width: 50%;
					text-align: center;
					display: inline-block;
					vertical-align: middle;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
				}
				#price_ tr td > div 
				{
					width: 59%;
					display: inline-block;
					vertical-align: middle;
					zoom: 1; /* Fix for IE7 */
					*display: inline; /* Fix for IE7 */
				}
				#price_ tr td:first-child:before
				{
					width: 100%;
					padding-left: 0;
					text-align: center;
				}
				#contact_form #contact_info
				{
					padding-left: 0;
					margin-top: 30px;
				}
				.domains tr.check_domain td
				{
					padding: 20px 5px !important; 
				}
					.domains tr.check_domain input[type=submit]
					{
						margin-top: 10px;
					}
				#features, .addition_features
				{
					width: 100%;
					font-size: 0;
				}
				.packets tr 
				{
					width: 100%;
					display: block;
				}
					#features li
					{
						width: 50%;
						text-align: center;
					}
					#features li p 
					{
						display: block;
						margin-left: 0;
					}
					.addition_features tr td
					{
						width: 50%;
						height: 50px;
						font-size: 15px;
						padding: 15px 10px;
						display: inline-block;
						vertical-align: top;
						zoom: 1; /* Fix for IE7 */
						*display: inline; /* Fix for IE7 */
					}
					.addition_features tr td:nth-child(odd)
					{
						width: 49%;
					}
					.addition_features tr td:nth-child(3)
					{
						display: none;
					}
			#footer #menu
			{
				height: auto;
				padding: 0 0 50px 10px;
			}
				#footer ul li
				{
					margin: 0;
					display: block;
				}
				#footer #menu img
				{
                    display: block;
					right: 10px;
					top: -40px;
                    width: 90px;
				}
				#footer #design
				{
					padding-right: 10px;
				}
				#footer #social
				{
					width: 100%;
					display: block;
					margin-bottom: 5px;
					text-align: center;
				}
                #footer #menu img:first-child
                {
                    display: block;
                    right: 10px;
                    top: 10px;
                }
}