@charset "utf-8";
/* CSS Document */
.menu_btn {display:none;}
.select_cont {float:left; margin:0 40px 0 0; width:207px;}
.full-width .select_cont:last-child {margin:0px;}
.select_2 .select_cont {width:300px;}
.Department_450 {float:left; width:450px}
.accept_class {width:600px; float:left;}
.Google_trans {float:left; padding-top:9px}
.logon_btn {float:left;}
.videobox{float: left;
    margin-right: 6%;
    width: 18%;}
 @media only screen and (min-device-width: 1024px) and (max-device-width: 801px) and (orientation:landscape) {
	/*#content {padding:0 5px;}*/
	.container {max-width:98%;}
	.pricing-table {width:98%;}
	#pagename {max-width:100%;}
	ul.sf-menu {max-width:99%;}
	.responsive_table {width:100%;}
	.footer-colum {margin-right:14px;}
}
@media only screen and (max-width: 800px){
	#site-wrapper{ width:96%; padding:0px 2%;}
	#logo{ width:100%; margin-bottom:0px;}	
	#login-holder2{ width:100% !important; top: 57px !important;}
	ul.sf-menu{ width:98.4%; border-radius: 0 10px 10px 0; }
	.container{ width:100%;}
	.sf-menu li a, .sf-menu li a:hover{ padding:12px 17%; }
	#slider-holder, .slide{ width:100% !important;}
	.plan{width:23.9%;}
	.plan .title{ width:100%;}
	.no-margin{ float:right;}
	.plan .content{ height:150px;}
	#home-colums{ width:100%;}
	.container, #home-colums{ width:100%;}
	#content img{ max-width:100%;}
	#home-colums, #content, #slider-holder{ background:none;}
	.colum{ width:28%; margin-right: 3%; padding-right:3%;}
	#home-colums .no-margin{ float:left;}
	#footer-colums{ width:95%; padding:0px 2.5%;}
	#footer-colums .no-margin{ float:left; margin:16px 0px 0px 0px;}
	.footer-colum{ width:29%;}
	#pagename {max-width:100%;}
	#main-colum {width:68%;}
	#sidebar {float:right; padding-left:0px; width:30%;}
	.sf-menu li:first-child a {display:none;}
	.sf-menu li ul li a {display:block !important;}
	#content .container .mercury-region.aloha-region img {width:100%; margin:5px 0 5px 0; padding:0px; border:0px;}
	.full-width {width:100%;}
	.full-width table {width:100%;}
	.select_cont {width:24%; margin:0 1% 20px 0;}
	.select_cont * {max-width:100%;}
	#content {width:100%; padding:0px;}
	#main-colum .widget .title {max-width:100%; background-size:100% 100%;}
	.videobox {width:21%; margin-right:4%; min-height:205px; }
	.videobox img {max-width:93%;}
}
	
@media only screen and (max-width: 736px){
	.plan{ width: 23.8%;}
	}
	
@media only screen and (max-width: 667px){
	.sf-menu li a, .sf-menu li a:hover{ padding: 12px 11%; }
	.plan{ width: 23.5%;}
	.accept_class label {float:left; width:100%; margin:0 0 12px 0;}
	.accept_class label input[type='checkbox'] {margin:0px !important;}
	.videobox {width:29%;}
	}
	
@media only screen and (max-width: 667px){ /*600px*/
	#logo h1 a img{ max-width:100%;}
	.plan {float:left; padding:0 !important; margin: 0 1% 15px; width: 48%;}
	.colum {width:90%; padding:0px; margin:0px 5%;}
	#1 p b {display:block;}
	#1 p a {display:inline-block;}
	.colum blockquote p, #sidebar blockquote p {background-size:100% auto;}
	#footer-colums .footer-colum {width:40%; margin:0 5% 10px;}
	#slider-holder {float:left; width:100%;}
	#login-holder2 {position:relative; top:0px !important; float:right; width:auto !important;}
	ul.sf-menu,#content,#hosting-plans,#logo {float:left;}
	#site-wrapper {background:url(images/grunge2.jpg) repeat-x;}
	ul.sf-menu {padding:0px; height:auto;
	background:#7f8284;
	border:1px solid #56585a;
	border-radius:4px;
	}
	ul.sf-menu li {float:left; width:100%;}
	.sf-menu li a, .sf-menu li a:hover, .sf-menu a:visited {float:left; width:100%; padding:12px 0 !important; color:#fff; text-shadow: 0 0 0 #ffffff; text-indent:10px; border-bottom:1px solid #56585a;}
	.sf-menu ul {position:relative; width:100%;}
	.sf-menu li:hover ul, .sf-menu li.sfHover ul {top:0px;}
	.sf-menu li a:hover {background-color:#454545;}
	* {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	:after,:before {
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	}
	#site-wrapper {width:100%;}
	.menu_btn {float:left; display:block; cursor:pointer; background:url(/images/nav-bg.png) center center; padding:1.5px 16px; background-size:auto 100%; border:1px solid #aeaeae; margin:11px 10px 0 0; border-radius:5px;}
	#navigation {display:none;}
	#pagename {float:left;}
	#main-colum {width:50%;}
	#sidebar {width:46%;}
	#pagename {background-position:right top;}
	.select_cont {width:48%; margin:0 1% 20px 0;}
	.dataTables_wrapper table {min-width:800px;}
	.responsive_table {float:left; width:100%; overflow:auto;}
	.post h3 a {font-size:20px; line-height:normal;}
	#main-colum .post {width:100%;}
	.widget .title h5 {font-size:13px;}
	.aloha-region h3 b a {font-size:20px;}
	#join_us {width:100%;}
	#join_us input[type='text'],#join_us select,#join_us textarea {max-width:100%; min-width:100%;}
	#join_us div {width:100% !important; float:left;}
	.Department_450,ul.sf-menu {width:100%;}
	#logo {padding:0px; margin:20px 0 0;}
	.header_container { float: left; margin: 0 0 10px -2%; padding: 0 2%; width: 104%; background:#2c2c2c;}
	.colum img {width:100%; height:auto; padding:0 2%;}
	.sf-menu li a:hover {background:#454545;}
	.sf-menu li a.drop_mobile {background-image:url(../images/drop_arrow.png); background-repeat:no-repeat; background-position:right center;}
	.sf-menu li a.drop_mobile:hover {background-image:url(../images/drop_arrow2.png); background-repeat:no-repeat; background-position:right center;}
	
}

@media only screen and (max-width: 384px){	
	.menu_btn {margin:0; width:50%; float:left;  margin-top:15px; padding:2px 16px; text-align:center;}
	#main-colum {width:100%;}
	#sidebar {width:100%;}
	.widget .title {width:100%; background-size:100% 100%;}
	.list_partners_filter {float:left;}
	.post h3 a {font-size:18px; line-height:24px;}
	.widget img {width:100%;}
	#slider-nav-container {left:33%; bottom:20px;}
	.Google_trans {width:47%; padding:0px; float:right; margin:12px 0 0 0;}
	.Google_trans * {width:100%;}
	.responsive_50w {width:50%; margin:12px 0 0 0 ;}
	.responsive_50w * {width:94%; margin:0px !important; float:left;}
	.responsive_50w a.blue, .responsive_50w .blue {margin:0px; width:100%; float:left;}
	.logon_btn {float:left; width:50%;}
	.logon_btn .big-btn.green {margin:0px; width:94%; float:right; margin-top:15px; margin-right:0 !important;}
	#login-holder2 {margin-bottom:15px;}
	
}
@media only screen and (max-width: 360px){	
	.videobox {width:46%;}
	.search_form a {font-size:9px !important;}
	.search_form select,.search_form input[type=text] {width:44%;}
}