@media (max-width: 1320px) {

	.bxslider h1 {
		float: none;
		text-align: center;
	}

	.bxslider h2 {
		float: none;
		text-align: center;
	}	

	.bxslider .button {
		float: none;
		text-align: center;
	}

	.bxslider .image {
		background: none !important;
	}

	.bxslider .listcontainer {
		width: 100%;
	}

	.bxslider .list {
		width: 48%;
		margin: 0 4% 0 0;
	}

	.bxslider .list2 {
		margin-right: 0;
	}

             .slidercontainer { 
                            min-height: 572px; 
              }

}

@media (max-width: 1260px) {	

	.isStuck {
		display: none;
	}

	.headermain {
		padding: 20px 0 20px 0;
	}

	.headermain .logo {
		float: none;
		text-align: center;
		margin: 0 0 20px 0 !important;
	}

	.navmain {
		float: none;
		margin: 0;
		width: 100%;
		background: #F0F5F9;

	    border-radius: 5px;
	}

	.navmain ul li.home a {
		background: none;
	}

	.navmain ul li.home:hover span,
	.hook-tf-homepage .navmain ul li.home span {
		background: url("../images/house-black.png") center center no-repeat;
	}	

	.navmain ul li a {
		border-radius: 0;
	}

	.navmain ul li a {

	}

	.navmain ul li.drop a:hover {
		border-radius: 0;
	}

	.navmain-basic ul li.drop a,
	.navmain-basic ul li.drop a:hover {
		background-image: none;
	}

	.navmain ul li.orderbutton a,
	.navmain ul li.orderbutton a:hover {
		border: none;
		border-radius: 0;
	}

	.navmain ul li.orderbutton a {
		line-height: 65px;
	}

	.navmain ul li.orderbutton:hover {
		transform: none;
		text-decoration: none;
	}

	.hook-cart .navmain .steps li {
		border-radius: 0;
	}

	.hook-tf-products .navmain .steps li.step1,
	.hook-tf-addons .navmain .steps li.step1,
	.hook-tf-adddomain .navmain .steps li.step1,
	.hook-tf-domainregister .navmain .steps li.step1,
	.hook-tf-domaintransfer .navmain .steps li.step1 {
		border-radius: 5px 0 0 5px;	
	}

	.hook-tf-viewcart .navmain .steps li.step3 {
		border-radius: 0 5px 5px 0;	
	}

} 

@media (max-width: 1165px) {

	.pricingtable6 .block {
		width: 20%;
		margin: 0 0 25px 0;
	}

	.pricingtable6 .block6 {
		clear: both;
	}

	.pricingtable6 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

	.pricingtable6 .block5 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block5 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable6 .block6 {
		border-left: #243141 1px solid;
		border-radius: 5px;	
	}

	.pricingtable6 .block6 .title {
		border-radius: 5px 5px 0 0;	
	}

	.column6 .col {
		width: 32%;
		clear: none;
		margin-right: 2%;
	}

	.column6 .col3,
	.column6 .col6,
	.column6 .col9,
	.column6 .col12,
	.column6 .col15,
	.column6 .col18,
	.column6 .col21 {
		margin-right: 0;
	}

	.column6 .col4,
	.column6 .col7,
	.column6 .col10,
	.column6 .col13,
	.column6 .col16,
	.column6 .col19 {
		clear: left;
	}	

}

@media (max-width: 1130px) {

	.domains .domains-form {
		width: 100%;
	}

}

@media (max-width: 1100px) {

	.copyright .copyright-left,
	.copyright .copyright-right {
		float: none;
		clear: both;
	}

	.copyright .copyright-left {
		text-align: center;
		margin: 0 0 25px 0;
	}

	.copyright .copyright-right ul {
		float: none;
		display: table;
		margin: 0 auto;
	}	

}

@media (max-width: 1070px) {

	.column4 .col {
		width: 31.333%;
		margin-bottom: 25px;
	}

	.column4 .col3 {
		margin-right: 0;
	}

	.column4 .col4 {
		clear: left;
	}	

}

@media (max-width: 1050px) { 

	.footermain .sitemap {
		margin-right: 2%;
		width: 32%;
	}

	.footermain .sitemap3 {
		margin-right: 0;
	}

	.footermain .sitemap4 {
		clear: left;
		width: 100%;
		margin-right: 0;
	}

	.footermain .sitemap h4 {
		text-align: center;
	}

	.footermain .sitemap1 ul li a,
	.footermain .sitemap2 ul li a,
	.footermain .sitemap3 ul li a {
		padding: 5px 15px;
		background: #F0F5F9;
		border-right: #E8E8E8 2px solid;
		border-bottom: #E8E8E8 2px solid;	
		border-left: #E8E8E8 1px solid;			
		font-weight: normal;
		margin: 0 0 15px 0;	
		text-align: center;
		color: #9fa3a8; 
		border-radius: 5px;
	}	

	.footermain .sitemap ul li:last-child a {
		border-bottom: #E8E8E8 2px solid;	
	}		

	.footermain .sitemap1 ul li a:hover,
	.footermain .sitemap2 ul li a:hover,
	.footermain .sitemap3 ul li a:hover {
		transform: none;
		font-weight: bold;
		color: #9fa3a8;	
	}	

	.copyright .copyright-right ul {
		display: table;
	}

	.copyright .copyright-right ul li {
		border: none;
		float: none;
	}

	.copyright .copyright-right ul li a {
		padding: 5px 15px;
		background: #E8E8E8;
		border-right: #c7c7c7 2px solid;
		border-bottom: #c7c7c7 2px solid;	
		border-left: #c7c7c7 1px solid;			
		font-weight: normal;
		margin: 0 0 15px 0;	
		text-align: center;
		border-radius: 5px;
		width: 100%;
		text-decoration: none;
	}		

	.copyright .copyright-right ul li a:hover {
		transform: none;
		font-weight: bold;
		color: #9fa3a8;			
	}	

	.copyright .copyright-right ul li:last-child a {
		padding-right: 15px;
	}	

	.socialwidget {
		display: none;
	}

}

@media (max-width: 1030px) { 

	.slidercontainer .inner {
		width: 85% !important;
		margin: 0 auto !important;
	}

	.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
		display: none;
	}

}

@media (max-width: 1000px) {

	.domainchecker .left {
		margin: 0 0 40px 0;
		width: 100%;
	}

	.domainchecker .right {
		width: 100%;
		clear: left;
	}

	.domainchecker .text1,
	.domainchecker .text2 {
		text-align: center;
	}

	.pricingtable5 .block {
		width: 25%;
		margin: 0 0 4% 0;
	}

	.pricingtable5 .block4 {
		border-radius: 0 5px 5px 0;		
	}

	.pricingtable5 .block4 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable5 .block5 {
		clear: both;
		border-radius: 5px;		
		border-left: #243141 1px solid;
	}

	.pricingtable5 .block5 .title {
		border-radius: 5px 5px 0 0;	
	}

	.pricingtable5 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

	.column3 .col {
		width: 49%;
		margin-bottom: 25px;
	}

	.column3 .col2,
	.column3 .col4,
	.column3 .col6 {
		margin-right: 0;
	}

	.column3 .col3 {
		clear: both;
		margin-right: 2%;
	}

}

@media (max-width: 990px) {

	.navmain ul li.orderbutton {
		display: none;
	}

	.pricingtable6 .block {
		width: 25%;
		margin: 0 0 25px 0;
	}

	.pricingtable6 .block5 {
		clear: both;
	}

	.pricingtable6 .block6 {
		clear: none;
	}

	.pricingtable6 .block4 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block4 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable6 .block5 {
		border-left: #243141 1px solid;
		border-radius: 5px 0 0 5px;	
	}

	.pricingtable6 .block5 .title {
		border-radius: 5px 0 0 0;	
	}

	.pricingtable6 .block6 {
		border-left: none;
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block6 .title {
		border-radius: 0 5px 0 0;	
	}

}

@media (max-width: 970px) {

	.navmain-mega ul li .subcontainer .imgfeature {
		display: none;
	}

	.navmain-mega ul li .subcontainer {
		width: 200px;
		padding: 17px 10px 2px 10px;
	}

	.navmain-mega ul li .sublinks li {
		clear: left;
		margin: 0 0 10px 0;
	}

	.navmain-mega ul li .sublinks li a {
		width: 175px;
		background: none !important;
	}

	.navmain-mega ul li .sublinks li.navicon {
		background: none;
	}
	.navmain-mega ul li .sublinks li.navicon a {
		padding-left: 5px !important;
	}	

}

@media (max-width: 965px) {

	.pricingtable4 .block-features {
		display: none;
	}

	.pricingtable4 .block .featureslist ul li.overfeat {
		display: block;
	}

	.pricingtable4 .block .featureslist ul li {
		height: 30px;
		line-height: 30px;
	}

	.pricingtable4 .block {
		width: 25%;
		margin: 0;
	}

	.pricingtable4 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

	.pricingtable4 .block1 {
		border-radius: 5px 0 0 5px;	
		border-left: #243141 1px solid;	
	}

	.pricingtable4 .block1 .title {
		border-radius: 5px 0 0 0;		
	}

	.column5 .col {
		width: 49%;
		clear: none;
		margin-right: 2%;
	}	

	.column5 .col2,
	.column5 .col4,
	.column5 .col6,
	.column5 .col8,
	.column5 .col10,
	.column5 .col12,
	.column5 .col14,
	.column5 .col16 {
		margin-right: 0;
	}

	.column5 .col3,
	.column5 .col5,
	.column5 .col7,
	.column5 .col9,
	.column5 .col11,
	.column5 .col13,
	.column5 .col15 {
		clear: left;
	}		

}

@media (max-width: 950px) {

	.columncontent {
		width: 100%;
		margin-right: 0;
	}	

	.columnsidebar {
		width: 100%;
		clear: left;
	}

	.columnsidebar .box {
		float: left;
		margin: 0 2% 25px 0;
		width: 32%;
	}

	.columnsidebar .box3,
	.columnsidebar .box6 {
		margin-right: 0;
	}

	.columnsidebar .box4,
	.columnsidebar .box7 {
		clear: left;
	}

}

@media (max-width: 900px) {

	.footermain .sitemap {
		margin-right: 2%;
		width: 49%;
	}

	.footermain .sitemap2 {
		clear: left;
	}

	.footermain .sitemap3 {
		margin-right: 0;
	}

	.footermain .sitemap1 {
		width: 100%;
		margin-right: 0;
		clear: left;
	}

	.footermain .sitemap4 {
		clear: left;
		width: 100%;
		margin-right: 0;
	}

	.column6 .col {
		width: 49%;
		clear: none;
		margin-right: 2%;
	}

	.column6 .col2,
	.column6 .col4,
	.column6 .col6,
	.column6 .col8,
	.column6 .col10,
	.column6 .col12,
	.column6 .col14,
	.column6 .col16,
	.column6 .col18,
	.column6 .col20 {
		margin-right: 0;
	}

	.column6 .col3,
	.column6 .col5,
	.column6 .col7,
	.column6 .col9,
	.column6 .col11,
	.column6 .col13,
	.column6 .col15,
	.column6 .col17,
	.column6 .col19 {
		clear: left;
	}		

}

@media (max-width: 890px) {

	.pricingtable3 .block-features {
		display: none;
	}

	.pricingtable3 .block .featureslist ul li.overfeat {
		display: block;
	}

	.pricingtable3 .block .featureslist ul li {
		height: 30px;
		line-height: 30px;
	}

	.pricingtable3 .block {
		width: 33.33%;
		margin: 0 0 0 0;
	}

	.pricingtable3 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

	.pricingtable3 .block1 {
		border-left: #243141 1px solid;
	}

	.pricingtable3 .block1 {
		border-radius: 5px 0 0 5px;		
	}

	.pricingtable3 .block1 .title {
		border-radius: 5px 0 0 0;	
	}

}

@media (max-width: 870px) {

	.portalboxes .box {
		width: 49%;
	}	

	.portalboxes .box3,
	.portalboxes .box6,
	.portalboxes .box9,
	.portalboxes .box12 {
		margin-right: 2%;
	}

	.portalboxes .box4,
	.portalboxes .box7,
	.portalboxes .box10,
	.portalboxes .box13 {
		clear: none;
	}

	.portalboxes .box2,	
	.portalboxes .box4,	
	.portalboxes .box6,	
	.portalboxes .box8,
	.portalboxes .box10,
	.portalboxes .box12 {
		margin-right: 0;
	}

	.portalboxes .box3,	
	.portalboxes .box5,	
	.portalboxes .box7,	
	.portalboxes .box9 {
		clear: both;
	}	

	.featuregrid .col .image {
		float: none;
		margin: 0 auto 25px auto;
		display: table;
	}

	.featuregrid .col .contents {
		float: none;
		width: 100%;
	}	

	.featuregrid .col .contents h3 {
		text-align: center;
	}

} 

@media (max-width: 850px) {

	.navmain {
		padding: 7px 0;
	}

	.navmain ul {
		display: none;
	}

	.hook-cart .navmain {
		padding: 0;
	}

	.hook-cart .navmain .steps {
		display: block;
	}

	.navmain select {
		display: block; 
		background: #fff;
		width: 98%;
		margin: 10px 0;
		height: 35px;
		line-height:35px;
		padding: 5px;
		border: 1px solid #000;
		margin: 0 auto;	
	}	

}

@media (max-width: 830px) {

	.toolbar p {
	    display: none;
	}

	.navmain .steps li strong.description {
		display: none;
	}

}

@media (max-width: 800px) {

	.column4 .col {
		width: 49%;
	}

	.column4 .col2,
	.column4 .col4 {
		margin-right: 0;
	}

	.column4 .col1,
	.column4 .col3 {
		margin-right: 2%;
	}	

	.column4 .col3 {
		clear: left;
	}	

	.column4 .col4 {
		clear: none;
	}	

	.column2 .col {
		width: 100%;
		clear: left;
		margin: 0 0 25px 0;
	}

	.column2 .col2 {
		margin-bottom: 0;
	}

	.customercount {
		font-size: 1.5em;
		line-height: 1.2em;
	}

	.domains .domains-form {
		font-size: 1em;	
	}

	.domains .domains-form input[type="text"] {
		width: 70%;
		height: 50px;
		line-height: 50px;
		text-indent: 20px;
	}

	.domains .domains-form input[type="submit"] {
		width: 30%;
		height: 50px;
		line-height: 50px;
	}

}

@media (max-width: 780px) {

	.subbanner {
		padding: 15px 0;
	}

	.subbanner h1 {
		margin: 0;
		padding: 0;
		font-size: 2em;
		text-align: center;
	}

	.subbanner span {
		display: none;
	}

	.pricingtable6 .block {
		width: 33.33%;
		margin: 0 0 25px 0;
	}

	.pricingtable6 .block3 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block3 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable6 .block4 {
		clear: both;
		border-left: #243141 1px solid;
		border-radius: 5px 0 0 5px;	
	}

	.pricingtable6 .block4 .title {
		border-radius: 5px 0 0 0;	
	}

	.pricingtable6 .block5 {
		clear: none;
		border-left: none;
		border-radius: 0;	
	}

	.pricingtable6 .block5 .title {
		border-radius: 0;
	}

	.column3 .col {
		width: 100%;
		margin-right: 0;
		clear: both;
	}		

}

@media (max-width: 770px) {

	.pricingtable5 .block {
		width: 33.33%;
		margin: 0 0 25px 0;
	}

	.pricingtable5 .block4 {
		clear: both;
	}

	.pricingtable5 .block4 {
		border-left: none;
	}

	.pricingtable5 .block5 {
		clear: none;
		border-left: none;
	}

	.pricingtable5 .block3 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable5 .block3 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable5 .block4 {
		border-radius: 5px 0 0 5px;
		border-left: #243141 1px solid;	
	}

	.pricingtable5 .block4 .title {
		border-radius: 5px 0 0 0;	
	}

	.pricingtable5 .block5 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable5 .block5 .title {
		border-radius: 0 5px 0 0;	
	}

}

@media (max-width: 765px) {

	.pricingtable2 .block-features {
		display: none;
	}

	.pricingtable2 .block .featureslist ul li.overfeat {
		display: block;
	}

	.pricingtable2 .block .featureslist ul li {
		height: 30px;
		line-height: 30px;
	}

	.pricingtable2 .block {
		width: 50%;
		margin: 0 0 0 0;
	}

	.pricingtable2 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

	.pricingtable2 .block1 {
		border-radius: 5px 0 0 5px;	
		border-left: #243141 1px solid;	
	}

	.pricingtable2 .block1 .title {
		border-radius: 5px 0 0 0;	
	}

}

@media (max-width: 760px) {

	.featureimage {
		width: 100%;
	}

}

@media (max-width: 750px) { 

	.featureboxes .box {
		width: 49%;
	}

	.featureboxes .box {
		margin-right: 2%;
		clear: none;
	}

	.featureboxes .box2,
	.featureboxes .box4,
	.featureboxes .box6,
	.featureboxes .box8,
	.featureboxes .box10 {
		margin-right: 0;
	}

	.featureboxes .box3,
	.featureboxes .box5,
	.featureboxes .box7,
	.featureboxes .box9 {
		clear: both;
	}

	.loginbox {
		width: 100%;
	}

.featureboxes .box .pricing {
color: #243141;
}
.color2, .color2:hover, .color2:visited, .color2:active {
background: #243141 !important;
}

}

@media (max-width: 740px) {

	.pricingtable4 .block {
		width: 33.33%;
		margin: 0 0 25px 0;
	}

	.pricingtable4 .block3 {
		border-radius: 0 5px 5px 0;		
	}

	.pricingtable4 .block3 .title {
		border-radius: 0 5px 0 0;		
	}

	.pricingtable4 .block4 {
		border-left: #243141 1px solid;
		border-radius: 5px;	
	}

	.pricingtable4 .block4 .title {
		border-radius: 5px 5px 0 0;		
	}

	.pricingtable4 .block4 {
		clear: both;
	}

	.carttab {
		display: none;
	}

}

@media (max-width: 730px) {

	.columnsidebar .box {
		float: left;
		margin: 0 2% 25px 0;
		width: 49%;
	}

	.columnsidebar .box4 {
		clear: none;
	}

	.columnsidebar .box2,
	.columnsidebar .box4,
	.columnsidebar .box6 {
		margin-right: 0;
	}

	.columnsidebar .box3,
	.columnsidebar .box5,
	.columnsidebar .box7 {
		clear: left;
	}

}

@media (max-width: 700px) {

              .bxslider .list {
		width: 100%;
		margin: 0 0 10px 0;
		float: none;
	}
	.boldbox .leftside {
		width: 100%;
		margin: 0 0 25px 0;
	}	

	.boldbox .rightside {
		width: 100%;
		clear: left;
	}

}

@media (max-width: 689px) {

	.pricingtable3 .block {
		width: 50%;
		margin: 0 0 25px 0;
	}

	.pricingtable3 .block3 {
		clear: both;
	}

	.pricingtable3 .block2 {
		border-radius: 0 5px 5px 0;		
	}

	.pricingtable3 .block2 .title {
		border-radius: 0 5px 0 0;		
	}

	.pricingtable3 .block3 {
		border-left: #243141 1px solid;
	}

	.pricingtable3 .block3 {
		border-radius: 5px;		
	}

	.pricingtable3 .block3 .title {
		border-radius: 5px 5px 0 0;		
	}

}

@media (max-width: 660px) {

	.pricingtable1 .block-features {
		display: none;
	}

	.pricingtable1 .block {
		width: 100%;
	    border-left: #243141 1px solid;
		border-radius: 5px;    
	}

	.pricingtable1 .block .featureslist ul li.overfeat {
		display: block;
	}

	.pricingtable1 .block .featureslist ul li {
		height: 30px;
		line-height: 30px;
	}

	.pricingtable1 .block:hover {
		margin-top: 0;	
		box-shadow: none;
		cursor: pointer;
	}

}

@media (max-width: 658px) {

	.pricingtable6 .block {
		width: 50%;
		margin: 0 0 25px 0;
	}

	.pricingtable6 .block3,
	.pricingtable6 .block6 {
		clear: both;
	}

	.pricingtable6 .block4,
	.pricingtable6 .block5,
	.pricingtable6 .block6 {
		clear: none;
	}

	.pricingtable6 .block2 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block2 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable6 .block3 {
		border-left: #243141 1px solid;
		border-radius: 5px 0 0 5px;	
	}

	.pricingtable6 .block3 .title {
		border-radius: 5px 0 0 0;	
	}

	.pricingtable6 .block4 {
		border-left: none;
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable6 .block4 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable6 .block5 {
		border-left: #243141 1px solid;
		border-radius: 5px 0 0 5px;
	}

	.pricingtable6 .block5 .title {
		border-radius: 5px 0 0 0;	
	}

	.column5 .col {
		width: 100%;
		clear: left;
		margin-right: 0;
	}

	.column6 .col {
		width: 100%;
		clear: left;
		margin-right: 0;
	}		

}

@media (max-width: 637px) {

	.columnsidebar .box {
		width: 49%;
		float: left;
		margin-right: 2%;
	}

	.columnsidebar .box3, 
	.columnsidebar .box6, 
	.columnsidebar .box9, 
	.columnsidebar .box12, 
	.columnsidebar .box15, 
	.columnsidebar .box18  {
		margin-right: 2%;
	}

	.columnsidebar .box4, 
	.columnsidebar .box7, 
	.columnsidebar .box10, 
	.columnsidebar .box13, 
	.columnsidebar .box16, 
	.columnsidebar .box19  {
		clear: none;
	}

	.columnsidebar .box2,
	.columnsidebar .box4,
	.columnsidebar .box6,
	.columnsidebar .box8,
	.columnsidebar .box10,
	.columnsidebar .box12,
	.columnsidebar .box14,
	.columnsidebar .box16,
	.columnsidebar .box18,
	.columnsidebar .box20,
	.columnsidebar .box22 {
		margin-right: 0;
	}

	.columnsidebar .box3,
	.columnsidebar .box5,
	.columnsidebar .box7,
	.columnsidebar .box9,
	.columnsidebar .box11,
	.columnsidebar .box13,
	.columnsidebar .box15,
	.columnsidebar .box17 {
		clear: left;
	}

}

@media (max-width: 600px) {

	.copyright .copyright-right ul {
		display: inline;
	}	

	.copyright .paymentmethods img {
		display: table;
		margin: 0 auto 15px auto;
	}

	.copyright .paymentmethods img:last-child {	
		margin-bottom: 0;
	}

	.footermain .sitemap {
		margin-right: 0;
		width: 100%;
		clear: left;
	}	

	.featureimageleft {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.featureimageright {
		clear: left;
		width: 100%;
		margin: 0 0 20px 0;
	}

}

@media (max-width: 575px) {

	.toolbar .welcomeback {
		display: none;
	}	

	.pricingtable5 .block {
		width: 50%;
		margin: 0 0 25px 0;
	}

	.pricingtable5 .block3,
	.pricingtable5 .block5 {
		clear: both;
	}

	.pricingtable5 .block4 {
		clear: none;
	}

	.pricingtable5 .block2 {
		border-radius: 0 5px 5px 0;	
	}

	.pricingtable5 .block2 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable5 .block3 {
		border-left: #243141 1px solid;
		border-radius: 5px 0 0 5px;	
	}

	.pricingtable5 .block3 .title {
		border-radius: 5px 0 0 0;	
	}

	.pricingtable5 .block4 {
		border-radius: 0 5px 5px 0;	
		border-left: none;
	}

	.pricingtable5 .block4 .title {
		border-radius: 0 5px 0 0;	
	}

	.pricingtable5 .block5 {
		border-left: #243141 1px solid;
		border-radius: 5px;	
	}

	.pricingtable5 .block5 .title {
		border-radius: 5px 5px 0 0;	
	}

}

@media (max-width: 570px) {

	.pricingtable4 .block {
		width: 50%;
		margin: 0 0 25px 0;
	}

	.pricingtable4 .block2 {
		border-radius: 0 5px 5px 0;		
	}

	.pricingtable4 .block2 .title {
		border-radius: 0 5px 0 0;		
	}

	.pricingtable4 .block3 {
		border-left: #243141 1px solid;
		clear: both;
	}

	.pricingtable4 .block4 {
		border-left: none;
		clear: none;
	}

	.pricingtable4 .block3 {
		border-radius: 5px 0 0 5px;		
	}

	.pricingtable4 .block3 .title {
		border-radius: 5px 0 0 0;		
	}

	.pricingtable4 .block4 {
		border-radius: 0 5px 5px 0;		
	}

	.pricingtable4 .block4 .title {
		border-radius: 0 5px 0 0;		
	}

}

@media (max-width: 550px) {

	.toolbar .languagebutton,
	.toolbar .googletranslatebutton,
	.socialwidgets {
		display: none;
	}

	.footermain .langswitcher {
		display: block;
	}

}

@media (max-width: 530px) {

	.slidercontainer {
		display: none;
	}

	.domainchecker .domainpricing {
		display: none;
	}

.domainchecker .domaininput {
width: 100%;
border-radius: 5px;
}
.domainchecker .search {
margin: 10px 0px;
width: 50%;
border-radius: 5px;
}

	.domainchecker {
        min-height: 560px; /* mobiel */
		padding: 20px 0 30px 0;
	}

	.logo {
		display: none;
	}

	#cookie-image {
		display: none;
	}	
}

@media (max-width: 525px) {

	.featureboxes .box {
		width: 100%;
		margin: 0 0 25px 0;
		clear: both;
	}

	.featureboxes .box:hover {
		margin-top: 0;	
		transition: none;
	}

	.column4 .col {
		width: 100%;
		margin-right: 0;
		clear: both;
	}

.featureboxes .box .pricing {
color: #243141;
}

.color2, .color2:hover, .color2:visited, .color2:active {
background: #243141 !important;
}

}

@media (max-width: 519px) {

	.features .box {
		width: 100%;
		margin-right: 0;
		clear: left;
	}

}

@media (max-width: 500px) {

	.navmain {
		border-radius: 0;
	}	

	.headermain {
		padding-bottom: 0;
	}

	.headermain .container1 {
		width: 100%;
		max-width: none;
	}

	.hook-cart .navmain .steps li {
		border-radius: 0 !important;
	}

	.portalboxes .box {
		width: 100%;
		margin-right: 0;
		clear: both;
	}

	.col2 {
		clear: both;
		margin-right: 0;
		width: 100%;
	}

	.subbanner,
	.banner {
		width: 100%;
	}

	.columnsidebar .box {
		float: left;
		clear: both;
		margin: 0 0 25px 0;
		width: 100%;
	}

	#clientareamenu { 
		display: none;
	}

	#submenu { 
		display: block;
	}

	.domainchecker .text1 {
		font-size: 2.8em;
	}

	.domainchecker .text2 {
		font-size: 1.5em;
	}

	.domainchecker .domainpricing .domaincircle {
		width: 32%;
	}

	.domainchecker .domainpricing .domaincircle4, .domainchecker .domainpricing .domaincircle5 {
		display: none;
	}

	.domainchecker .domainpricing .domaincircle3 {
		margin-right: 0;
	}

	.partners {
		display: none;
	}

	.submenu .container1 {
		width: 100%;
		max-width: none;
	}

	.submenu ul { float: left; }

	.bigheader {
		background: none;
	}

	.bigheader h1, .bigheader h2, .bigheader h3, .bigheader h4, .bigheader h5, .bigheader h6 {
		width: 100%;
	}

	.productboxes .product {
		width: 100%;
		clear: both;
	}

} 

@media (max-width: 495px) {

	.pricingtable3 .block {
		width: 100%;
		margin: 0 0 25px 0;
		border-left: #243141 1px solid;
		border-radius: 5px;		
	}

	.pricingtable3 .block .title {
		border-radius: 5px 5px 0 0;		
	}

}

@media (max-width: 480px) {

	.columnsidebar .box {
		width: 100%;
		float: left;
		clear: left;
		margin-right: 0;
	}

}

@media (max-width: 470px) {

	.pricingtable6 .block {
		width: 100%;
		margin: 0 0 25px 0;
		clear: both;
		border-left: #243141 1px solid;
		border-radius: 5px;	
	}

	.pricingtable6 .block .title {
		border-radius: 5px 5px 0 0;	
	}

}

@media (max-width: 460px) {

	.pricingtable4 .block {
		width: 100%;
		margin: 0 0 25px 0;
		clear: both;
		border-left: #243141 1px solid;
		border-radius: 5px;		
	}

	.pricingtable4 .block .title {
		border-radius: 5px 5px 0 0;		
	}

}

@media (max-width: 450px) {

	.toolbar .rightmenu .notificationbell {
			display: none;
	}

	.toolbar .rightmenu .welcomeback {
		display: none;
	}
	.toolbar .rightmenu ul {
	    float: none;
	    margin: 0;
	    text-align: center;
	}
	.toolbar .rightmenu ul li {
	    display: inline-block;
	    float: none;
	    text-align: left;
	}
	.toolbar .rightmenu ul li a {
	    text-align: left;
	}
	.toolbar .rightmenu li li {
	    display: block;
	}

	.pricingtable2 .block {
		width: 100%;
		margin: 0 0 25px 0;
		border-radius: 5px;
		border-left: #243141 1px solid;
	}

	.pricingtable2 .block .title {
		border-radius: 5px 5px 0 0;	
	}

	.pricingtable5 .block {
		width: 100%;
		margin: 0 0 25px 0;
		clear: both;
		border-left: #243141 1px solid;
		border-radius: 5px;	
	}

	.pricingtable5 .block .title {
		border-radius: 5px 5px 0 0;	
	}

}
@media (max-width:1050px){.footermain .sitemap h2.footer-kop{text-align:center}}

/* ===================== fase 20: afbeeldingen in FAQ-artikelen =====================
   Na 32-afbeeldingen-afmetingen.sql hebben de schermafbeeldingen in de FAQ een
   width en height. weDocs geeft ze 10px binnenruimte en een rand van 1px, en het
   thema rekent breedtes inclusief rand (border-box). Zonder deze regel zou een
   afbeelding van 700 px dan op 678 px worden getoond. Hiermee blijft hij 700 px
   (zoals nu), en op een telefoon past hij nog steeds precies in de kolom.
   Afbeeldingen met een eigen breedte (style="width:...") en de mascotte-
   afbeeldingen (.responsive-img) houden hun eigen opmaak. */
.wedocs-single-wrap .wedocs-single-content article .entry-content img[width][height]:not([style*="width"]):not(.responsive-img){box-sizing:content-box;max-width:calc(100% - 22px)}
/* ===================== einde fase 20 ===================== */

/* =====================================================================
   Fase 17 · mobiel: koppen, prijstabellen en brede elementen
   Mangelot Hosting · oktober 2026 · achteraan responsive.css
   ===================================================================== */

/* 1. Prijstabel met één kolom (pakketpagina's, Installatron-pagina's):
      kopbalk groeit mee als de tekst op twee regels komt
      (was vaste hoogte, de tweede regel viel weg: "Webserver specificaties") */
.pricingtable.pricingtable1 .block .title,.pricingtable.pricingtable1 .block-features .title{height:auto;min-height:50px}
.pricingtable.pricingtable1 .block .subtitle,.pricingtable.pricingtable1 .block-features .subtitle{height:auto;min-height:40px}
.pricingtable .title h2,.pricingtable .subtitle h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/*    Ook de rijen: lange tekst mag over twee regels
      (was afgekapt: "Directadmin & Mijn Control Paneel" werd "Directadmin &") */
.pricingtable.pricingtable1 .featureslist ul li{height:auto;min-height:40px;line-height:20px;padding-top:10px;padding-bottom:9px}

/* 2. Prijstabellen op mobiel (kolommen onder elkaar): zelfde */
@media (max-width:767px){
.pricingtable .block .title,.pricingtable .block-features .title{height:auto;min-height:50px}
.pricingtable .block .subtitle,.pricingtable .block-features .subtitle{height:auto;min-height:40px}
.pricingtable:not(.pricingtable1) .block .featureslist ul li{height:auto;min-height:30px;line-height:20px;padding-top:5px;padding-bottom:4px}
}
@media (max-width:660px){
.pricingtable.pricingtable1 .block .featureslist ul li{min-height:30px;padding-top:5px;padding-bottom:4px}
}

/* 3. Prijstabel met meerdere kolommen op een tablet of klein scherm:
      de eerste kolom (omschrijvingen) blijft op één regel, zodat de rijen
      gelijk blijven lopen ("Gratis één klik software o.a." viel weg) */
@media (min-width:768px) and (max-width:1249px){
.pricingtable:not(.pricingtable1) .block-features .title h2{font-size:min(30px,2.6vw)}
.pricingtable:not(.pricingtable1) .block-features .subtitle h3{font-size:min(24px,1.7vw)}
.pricingtable:not(.pricingtable1) .block-features .title h2,.pricingtable:not(.pricingtable1) .block-features .subtitle h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* 4. Grote koppen ([title]): nooit breder dan het kader; lange woorden
      worden afgebroken (met koppelteken, de site staat op lang="nl") */
.bigheader h1,.bigheader h2,.bigheader h3{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* 5. Lange woorden, links en IPv6-adressen in de tekst breken af
      in plaats van buiten het kader te lopen */
.highlightbox,.wedocs-single-content{overflow-wrap:break-word}

/* 6. Schermafdrukken-carrousel op de Installatron-pagina's: schaalt mee
      (was vast 600 px breed) */
div.image-slideshow{width:100%;max-width:600px;height:auto;aspect-ratio:2/1}
div.image-slideshow>div{width:100%;height:100%;animation-name:mh-schuif}
div.image-slideshow img{display:block;width:100%;height:100%;object-fit:cover}
div.image-slideshow h2{white-space:normal}
@keyframes mh-schuif{0%,30%{transform:translateX(0)}40%,70%{transform:translateX(-100%)}80%,100%{transform:translateX(-200%)}}

/* 7. Extensiepagina's en Installatron-pagina's: knop "Controleer .xx
      domeinnaam" en de tabellen met kenmerken blijven binnen het kader */
#frmDomainHomepage input[type=submit]{max-width:100%;white-space:normal}
.tld-specs th,.tld-specs td,.app-specs th,.app-specs td{overflow-wrap:anywhere}

/* 8. Lijst met alle extensies (/domeinnamen-registratie/): minder kolommen
      op kleinere schermen (staat vast op 6) */
@media (max-width:1024px){.bulk-seo-index-list{column-count:4!important}}
@media (max-width:600px){.bulk-seo-index-list{column-count:2!important}}

/* 9. Alleen op de telefoon */
@media (max-width:600px){
/* kleinere grote koppen en wat minder witruimte, zodat er meer
   ruimte voor de tekst is (kader in kader: 2 x 25 px aan elke kant) */
.bigheader h1,.bigheader h2,.bigheader h3{width:100%;padding:8px 12px;font-size:clamp(21px,6.4vw,30px);line-height:1.2}
.highlightbox{padding:12px}
.highlightbox .highlightbox{padding:15px}
#frmDomainHomepage input[type=submit]{padding:.7em 1em}
div.image-slideshow h2{padding:8px 12px;font-size:15px}
/* FAQ: knoppen vorige/volgende onder elkaar */
.wedocs-doc-nav .nav-prev,.wedocs-doc-nav .nav-next{float:none;display:block;text-align:center}
.wedocs-doc-nav .button1{max-width:100%;box-sizing:border-box;padding:.7em 1em}
}

/* 10. Homepage: de grote slogan past ook op een kleine telefoon (320 px) */
@media (max-width:500px){.domainchecker .text1{font-size:min(2.8em,11.5vw)}}
/* ===================== einde fase 17 ===================== */

/* ===================== fase 21: slider homepage =====================
   bxSlider zet tijdens het opstarten een wit vlak met een draaiend laad-
   icoontje (bx_loader.gif, 9 KB) over de hele slider. Bezoekers op de pc zagen
   daardoor eerst even een wit blok van 572 px hoog. Zonder dit vlak zie je meteen de
   donkere achtergrond van de slider, en de tekst verschijnt zodra de slider
   klaar is (zoals nu). Het gifje wordt dan ook niet meer opgehaald. */
.bx-wrapper .bx-loading{display:none}
/* ===================== einde fase 21 ===================== */