@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1160px) {
	.nav a {
	padding: 20px 20px !important; font-size:0.9em!important;
	 
}
#topnav .reviews {
   font-size: 14px;
    width: 280px;
    margin-top: 24px;
	}
#domainsbn {text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.72); } }
	
@media screen and (max-width: 1023px) {
#topnav .reviews { display:none
}
#vpspanel, #whmscreen, #builderscreen{
    float: none;
    max-width: 680px;
    margin-right: 0;
    margin: 0 auto;
}
#whmscreen{ max-width: 682px;}
builderscreen{ max-width: 658px;}
#vpscpaneldemo span {
    width: 90%;
    margin: 0 auto;
    background-image: none;
    text-align: center;
    padding: 0;
}
.ssldescr, .sslprice, .sslincluded {
     display: block;
    border-right: 0;
    width: 93% !important;
    padding: 30px 10px 0px 10px !important;
    text-align: center;
    margin: 0 auto;
}
.mobileonly{ display: block;}
.sslincluded {display:none}
.ssldescr h2 {
     background-position: center top;
    padding-top: 44px;
     padding-right: 0px;
 }
 #geoev h2 {
   
    padding-top: 80px;
}
 .sslprice {
    padding: 10px 0 !important;   
}
#ssllist li {
	border-bottom: solid 2px #e7e7e7;
}
}



@media screen and (max-width: 960px) {
    .active {
        display: block;
    }
    .nav > li {
           float: none;
    border-top: 1px solid #dadada;
    font-size: 1.2em;
    text-align: center;
    }
    .nav > li > .parent {
       
    }
	 
    .nav li li .parent {
        
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.nav {
	 
	background-image: none; background:#f4f4f4;margin-bottom: 2px;
	 
}
body { background-image:none

}
.mainbanner .serversbg {
	background-image: none;
}
#plans li,#why ul li, #whycl ul li,#vpsplans #tcontent3 #plans li, #vpsplans #tcontent1 #plans li {
    float: none;
    width: 100%;
    margin: 0 !important;
    margin-bottom: 10px !important;
}
#transfer .goldmed,.goldmed{    width: 98%;
    padding: 0;
    display: block;
    max-width: 90%;margin-right: auto;
    margin-left: auto;}
	#plans li p{ min-height: 1px;}
	div#transfer {
    text-align: center;
}
#transfer {
	background-image: none;
    min-height:  1px;
    padding-top: 30px;
}
 
#transfer p {
	padding-right:  0px; padding:0
 
}
td {
    
   display: block;
    text-align: center;
    width: 98%;
    padding: 0;
}
td p {
     
   background-position: center top;
    padding-left: 0px;
    min-height: 1px;
    padding-top: 55px;
    border-bottom: solid 1px #676679;
    padding-bottom: 20px;
   
}
.vpsslider tr td p{margin: 0px;
    padding-top: 0px;
    padding-right: 30px;
    padding-bottom: 0px;
    padding-left: 16px;
    min-height: 1px;
    line-height: 22px;
    background-position: 0px 7px;
    text-align: left;
    margin-bottom: 15px; border-bottom:0; }
	.half {
   float: none;
    width: 80%;
    margin: 0 auto;
}
.vpsslider tr td h4 {
    text-align: center;
    background-position: top center;
    padding: 90px 20px 30px 20px;    height: auto;
}
#doublebut .show1 {
	-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
width:100%; float:none; padding:15px 15px;
}
#doublebut .show2{
	-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
padding:15px 15px;
width: 100%;
    float: none;
    border-left: none;
}
#textpg .serversbg {
     
    background-position: 120% top;
}
li.twoplans {
    width: 100% !important; margin-left:0;  
}
}
@media screen and (max-width: 650px) {
	#logo, #topnav .topbut{ width:100%; float:none; background-position:center center; margin:0; margin-bottom:3px; padding:0 }
 #topnav .topbut{     padding: 18px 0 12px 0;
    text-align: center;
    font-size: 1.2em;}
	.rocket, #graph {
   
    background-repeat: no-repeat;
    background-position: top center;
    padding-left: 0px;
    padding-bottom: 20px;
    padding-top: 160px;
    text-align: center; padding-right:0
}
}
@media screen and (min-width: 2000px) {
.mainbanner { -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
}
@media screen and (max-width: 890px) {
	.mainbanner .serversbg ul li {
	float: none;
	padding-right: 0px;
	width:310px !important; margin: 0 auto; padding-top:0
}
#whylist h1 {
    padding-left: 0;
    text-align: center;}
#supportlinks li div {
    padding-right: 20px;
    padding-left: 20px;
    background-position: 50% 20px;
    padding-top: 78px;
}
.mainbanner .serversbg ul .hide, .hide{display:none}
.mainbanner .serversbg h2, .mainbanner .serversbg h1{ text-align:center}
.mainbanner { -webkit-background-size: cover; height:auto}
.mainbanner .serversbg #bigbutton {
	
	background-position: center top;
	height: 100px;
	width: 90%; margin:0 auto;     padding-top: 80px;
}
#testim .serversbg, #about .serversbg, #affil .serversbg{
    background-image: url(images/testimsm.png);
    background-position: top center;
    padding-top: 200px;
    padding-bottom: 30px;
    min-height: 1px;
    height: auto;
}
#testim, #about, #installer, #affil{ height: auto;}
#about .serversbg{background-image: url(images/aboutmob.png);}
#affil .serversbg{background-image: url(images/affilmob.gif);    padding-top: 275px;}

#installer .serversbg{    padding-top: 250px;
    padding-bottom: 30px;
    background-position: 50% -20px; height:auto; min-height:1px}

.mainbanner .serversbg #bigbutton a {
 
	display:  block;
	height: 69px;
	font-size: 30px;
	 
 margin:0 auto;  
}
#copy .container {
	 
	background-position: top center;
	height: auto;
	line-height: 31px; text-align:center;padding: 50px 0 20px 0; font-size:16px !important
}
.silver .container h3, #textpage h3{ text-align:center}
#copy .container span { display:block}
.twocolumn li,.twocolumn .colright, #testimonials .twocolumn li, #testimonials .colright {
    float: none;
    width: 90% !important;
    margin-left: auto;
    text-align: center;
    margin-right: auto;
}
.listlinks a {padding-left:0;    max-width: 98%;}
.twocolumn li, .twocolumn .colright{max-width:100% !important}
h3.padme{padding-top:30px !important; }
 #testimonials .twocolumn li, #testimonials .colright {text-align:left}
.respimg {
    margin: 0 auto;
}

}
@media screen and (max-width: 570px) {.mainbanner .serversbg h2, .mainbanner .serversbg h1{ letter-spacing:normal;letter-spacing: normal;
    font-size: 40px;
    line-height: normal;}}
@media screen and (max-width: 470px) {.mainbanner .serversbg #bigbutton a {
 
	display:  block;
	height: 69px;
	font-size: 28px;
	 
 margin:0 auto;  
}
.silver .container .twocolumn #affilsignup h3{font-size: 48px; line-height:48px}
.mainbanner .serversbg #bigbutton a span{display:none}
#domains form {
    padding-top: 70px !important;
    background-position: 50% 3px!important;
    padding-bottom: 15px;
    background-image: url(images/comnetorgsm.png);
}}
@media screen and (max-width: 1110px) {#domains form .searchbox  {width:36%
} .inputdiv {width:10%}

#vps .serversbg, #shared .serversbg, #servervps .serversbg, #reselbanner .serversbg, #ssl .serversbg, #testim  {
   
    background-position: 120% 0%;
}
}
@media screen and (min-width: 769px)  and (max-width: 1000px) {#domains form .searchbox  {width:65%
} .inputdiv {width:10%}#domains form { background-image:none
}
#bgtest {
font-size:36px
}}
@media screen and (max-width: 768px){
#domains form .searchbox, .inputdiv{float:none; width:98%; padding-left:0; padding-right:0; text-align:center; margin-left:0; margin-right:0}
 #domains form { padding-top:50px; background-position:50% 17px; padding-bottom:10px}.goldmini {
    display: block;
    width: 98%;
    margin: 5px 0;
}
	#bgtest em {
	display: none;
}
#bgtest span {
	display: inline;
}

}
@media screen and (max-width: 995px) {
	#newsletter form {
	 
	background-position: center top; margin:0 auto !important; text-align:center
	 
}
#newsletter form .title {
    float: none;
    text-align: center;
    padding-top: 70px;
    padding-left: 0; padding-bottom:30px
}
#newsletter form input, .bluebut {
    margin-top: 10px !important; 
    float: none;
    width: 90% !important; 
    margin: 0 auto !important; 
    text-align: center !important;     padding: 0;    margin-bottom: 10px !important;
}
}
@media screen and (max-width: 1100px) {

#footer .container ul li {
  width: 33% !important;
    padding-left: 39px;
}
#footer .container ul li span
 {
    width: 90% !important; padding:0!important
}
#footer .container ul li .topbut {
    width: 100%;
    text-align: center;
}
#footer .container ul li .topbut span{ display:none}
}
@media screen and (max-width: 690px) {
.logosrow div {
    width: 30%;}
	.fourcol div {
    width: 100%; padding:0}
#footer .container ul li,  #footer .container ul li span {
      width: 100% !important;
    margin: 10px auto !important;
    font-size: 24px!important;
    line-height: 30px;
    text-align: center;
    padding: 0!important;
}#footer a {
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
}
#hideme{display:none}
#footer .container ul li .topbut {
    font-family: proximabold, "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    float: none;
    padding: 13px 0px 5px 0px;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
}
#featureddomains div {
    width: 49%;
    margin-bottom: 6px;
}}
@media screen and (max-width: 960px) {

#vps .serversbg, #shared serversbg, #servervps serversbg, #ssl .serversbg{
   
    background-position: 170% 0%;
}
}
@media screen and (max-width: 890px){
	.twocolumn li span {
     padding: 10px;

}
#whylist ul li { padding-left: 90px;}
	#vps .serversbg, #shared .serversbg, #servervps .serversbg, #ssl .serversbg {
	background-image: url(images/seal2.png);
    background-repeat: no-repeat;
    background-position: center 14px;
    min-height: auto !important;
    padding-top: 115px;
    padding-bottom: 20px;
}
#reselbanner, #ssl .serversbg  {background-image:none;} /*edit*/
 #reselbanner .serversbg, #cpaneldemo .serversbg,#transfban .serversbg {
	background-image: url(images/reselsmall.png);
	 
	min-height:1px;
	padding-bottom:30px;    background-position: top center;
    padding-top: 200px;
}
 #cpaneldemo .serversbg{
	background-image: url(images/cpanelsmall.gif);padding-top: 152px;}
	 #transfban .serversbg{
	background-image: url(images/bannertransfmob.png);padding-top: 192px;}

 #ssl .serversbg {
	background-image: url(images/bannersslsmall.gif);
	 
	min-height:1px;
	padding-bottom:30px;    background-position: top center;
    padding-top: 200px;
}

#vps,#shared, #domainsbn, #servervps, #reselbanner,  #ssl,#cpaneldemo, #transfban {
    
    height: auto;
}
#domainsbn .serversbg {    min-height: 1px;
    padding-bottom: 348px;
    background-position: center bottom;}
#vps .serversbg ul, #shared .serversbg ul, #servervps .serversbg ul, #reselbanner .serversbg ul, #ssl .serversbg ul, #about .serversbg ul,  #installer .serversbg ul, #cpaneldemo ul, #affil .serversbg ul, #transfban ul {display:none}
#plus {
    background-image: none;}
	#bordtop .container #plus .colright{padding-top:30px}
#textpg .serversbg {
    background-position: center 30px;
    background-image: url(images/icontos.gif);
    padding-top: 120px;padding-bottom: 30px;
}	#textpg, #textpg .serversbg {
    height: auto; min-height:1px
}
 
}
@media screen and (min-width: 891px)  and (max-width: 1160px)  {
	
	.hidetext{display:none}}
	@media screen and (min-width: 769px){
	#domains .bigger{ background-image:none;padding: 35px 0 0px 0;}
	#domains .bigger .searchbox{width:72% }
	#domains .bigger .inputdiv{width:12% }
	#domains .bigger .goldmini { width: 11%; padding:0}
	}
@media screen and (max-width: 1024px){	
	#domains .linksdomain{text-align:center}
	}
	@media screen and (min-width: 1024px){	
	.show_hide:hover {font-size:49px}
	}
@media screen and (max-width: 400px){	
	 #featureddomains div {
    width: 100%;
    margin-bottom: 6px;
    margin-right: 0;
}
	}
	@media screen and (max-width: 480px){	

	.logosrow div {
    width: 100%;}
	#mapimage  {display:none}
	#mapimagemobile {display:block}
	#sla div span {
    text-align: left;
    float: left;
    width: 100%;
    font-weight: bold;
}#sla div {
	 
	text-align: left;
	 
}
}
	
	@media screen and (min-width: 1023px) and (max-width: 1180px) {

.ssldescr h2 {
    font-family: proximabold;
    font-size: 25px;
    
   
    background-position: right top;
   
    line-height: 25px;
    min-height: 61px;
    letter-spacing: -1px;
}}

@media screen and (max-width: 570px) and  (min-width: 481px) {
#whylist ul li {
    padding-left: 62px;
}
#whylist ul li div {
     padding-left: 0px;
     background-color: #fff; background-image:none !important;
    padding-top: 0px;
}}
@media screen and (max-width: 480px) and  (min-width: 240px) {
	#whylist,#whylist ul li {background-image:none!important;}
	#whylist ul li {padding-left:  0px; border-bottom:solid 1px #dadada; padding-bottom:30px}
	#whylist ul li div {
     background-position: center top;
    padding-left: 0px;
    min-height: 95px;
    text-align: center;
    padding-top: 110px;
    margin-top: 30px;
}
#whylist h1,#whylist ul li div span { display:none}
#bgtest{margin-top:50px !important}
}