/*******************************
	
	MIN 1200 PX
	
********************************/

@media (min-width: 1200px) {
	.fivecol.span2 {
		width: 17.9487179487179488% !important;
	    *width: 17.87424986361156592% !important;
	}

}

/*******************************
	
	MAX 1200 PX
	
********************************/

@media (max-width: 1200px) {
	
	.logo.logged{
	  	background: url("../image/logo-header.jpg");
	  	width:200px;
	}
	
	.username{
		display:none;
	}
		
	#top-menu{ 
    	width:100% !important;
    }
    
    .navbar .divider-vertical{
    	display:none;
    }
    
    #topNavigation.nav{
    	width:100%;
    }
    #topNavigation.nav > li{
    	float:none !important;
    	width:100%;
    }
    #topNavigation.nav > li a{
    	border-bottom: 2px solid #dedede;
    	text-align:center;
    }
    #topNavigation.nav > li:last-child a{
    	border-bottom: 0px solid #dedede;
    }
    #topNavigation .dropdown.open{
		background:#1d5e88 !important;
		color:#fff !important;
	}

	#topNavigation li .dropdown-menu li > a, 
	#topNavigation li .dropdown-submenu:hover > a{
		color:#fff !important;
		border-radius:0px !important;
		border-bottom:1px solid #fff !important;
		font-weight: lighter !important;
		text-transform: uppercase !important;
	}
	#topNavigation  li .dropdown-menu li:last-child > a, 
	#topNavigation  li .dropdown-submenu:hover > a{
		border-bottom:0px solid #fff !important;
	}
	#topNavigation  .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a{
		background:transparent !important;
		color:#fff !important;
		border-color:#fff;
	}
	
	#topNavigation.nav > li > .dropdown-menu:after,
	#topNavigation.nav > li > .dropdown-menu:before
	{
		top:15px !important;
		border-bottom: 6px solid #1d5e88 !important;
	}
	
	   
	.cbp-fwslider ul li > img{
		
	    overflow: hidden;
    	height: 500px;
    	max-width: initial !important;
	}
	
	.home-search-domain .form-wrapper #search {
    	width: 60% !important;
 	}
 	
 	#resellerLevelPieChart span1,
	#resellerLevelPieChart span9{
		float:left !important;
		width:inherit !important;
	}
}

/*******************************
	
	BETWEEN 768 PX & 979 PX
	
********************************/
	
@media (min-width: 768px) and (max-width: 979px) {
   
   	.fivecol.span2 {
       	width: 17.79005524861878448% !important;
       	*width: 17.7155871635124022% !important;
   	}
   	
   	
   	.section-web-agency-tools{
   		background-position: -600px 0px !important;
   	}
   	.section-web-agency-tools .offset-circle{
   		width:100% !important;
   	}
}

/*******************************
	
	MAX 1024 PX
	
********************************/
@media (max-width: 1024px){
	
	#calcolaFascia,
	.calcola-fascia-btn{
		display:none;
	}
	
	.hosting-joomla-header h1 {
		font-size:40px;
		line-height:70px;
	}
	#pricing-table .plan {
		margin-top:50px;
	}
	
	.cta-group > a {
	    display: block;
	    margin: 20px auto;
	}
	
	.section-pec.big-padding{
		padding:50px !important;
		height:auto;
	}
	.big-padding{
		padding:20px !important;
	}
	
	.testimonial blockquote{
	    margin-left:1em;
	
	}
	
}



/*******************************
	
	MAX 768 PX
	
********************************/
@media (max-width: 768px){
		
	.fivecol.span2 {
	    width: 18.297872340425532% !important;
	    *width: 18.2234042553191494% !important;
	}
	
	#pricing-table >  .fivecol >  h3 {
    	padding:20px 0 ;
	}
	    
	.eq-height-row, .eq-height-row .eq-height-col {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: flex;
	    flex:1 0 auto;
	}
	.hosting-joomla-header h1{
		font-size:2em !important;
	}
	
	.pec-feat{
		padding:auto !important;
		padding-right:0px !important;
	}
	.pec-feat-price{
		position: static !important;
		margin-bottom: -60px;
		margin-top: 30px;
		margin-left: -60px;
	}
	
	#getdata .btn-random-password{
	 	position:initial;
		display:block;
	 	margin: 10px auto 0px auto;
	 }
	
	.section-pec.big-padding{
		padding:20px !important;
	}
	#pecHeaderPresentation h1{
		font-size: 2em;
	}
	.pec-why.big-padding{
		padding:40px !important;
	}
	.hosting-joomla-header h4 {
		font-size:1.2em;
		font-weight:lighter;
	}
	
	.hosting-joomla-header .fa-circle-title{
	    clear: both;
    	text-align: left;
    	margin-top:20px;
	}
	
	.hosting-joomla-header .fa-circle-title br{
		content: "";
	}
	.hosting-joomla-header .fa-circle-title i{
		width:40px !important;
		height:40px !important;
		float:left;
		line-height:40px !important;
		margin-top:-10px;
		margin-right:10px;
	}
	
	.full_footer{
		padding:0px;
	}
	.full_footer ul{
		margin:0px;
	} 
	
	.full_footer ul li{
		
	} 
	
	.full_footer ul li a{
		padding:10px;
		font-size: 1.5em;
    	display: block;
    	border-bottom:1px solid #004575;
    	text-transform: uppercase;
	    font-size: 1.2em;
    	
	}
	.full_footer a:last-child{
	
	}
	
	.social-footer{
		margin-top: 100px auto 60px auto;
	}
	
	.company-footer .trustpilot-widget iframe{
		width:100% !important;
		margin-top:20px;
	}
	
	.company-footer h4{
		margin-top:20px;
	}
	.company-info{
		text-align: center;
		margin-top:30px;
	}
	
	.full_footer h3
	{
		display:none;
	}
	
	.full_footer li{
		text-align: center;
	}
	.full_footer li a{
		padding:20px;
		font-size:1.5em;
		border-bottom: 1px solid rbga(0,0,0,0.5);
	}
	
	.home-search-domain #cerca {
    	display:block;
    	width:100%;
 	}
 	.create-site.create-site-page, .create-site-page .home-section-cover{
 		height:400px;
 	}
 	.home-section-content{
		top:100px;
		padding: 0px 20px;
	}
	.home-section-content .fa-circle-title{
		display:none;
	}
	.tech-section .circle-title{
		display:none;
	}
	
	.promo-hosting-corso .head-icons{
		font-size:5em;
	}
	
	.section-support h1{
		font-size: 2em;
		padding:50px;
	}
	
	.create-site .home-search-domain h1,
	.create-site .home-search-domain h3{
		display:none;
	}

	.home-search-domain{
		padding:70px 10px;
	}
	
	.section-web-agency-tools{
   		background-position: -600px 0px !important;
   	}
   	.section-web-agency-tools .offset-circle{
   		width:100% !important;
   		
   	}
   	.section-web-agency-tools .offset-circle .fa-circle-title{
		display:block !important;   	
   	}
   	.section-web-agency-tools  .home-section-content h1,
   	.section-web-agency-tools  .home-section-content p
   	{
   		text-align:center	!important;
   	}
   	.section-web-agency-tools .fa-circle-title{
   		margin-bottom:30px;
   	}
   	
   	.section-web-agency-tools .fa-circle-title small{
   		color:#333;
   	} 
   	.section-web-agency-tools {
	    background-image:none !important;
	    height: 1300px;
	}
	.web-agency-section .home-section-content{
		top:50px!important;
	}
}
/*******************************
	
	MAX 580 PX
	
********************************/

@media (max-width: 580px) {


	.home-search-domain .form-wrapper #search,
	.home-search-domain .ui-combobox,
	.home-search-domain .ui-combobox-text{
   		width: 90% !important;
    	margin: 5px auto;
    	float: none !important;
 	}
 	
 	.testimonial blockquote{
 		font-size:2em;
 	}
 	
 	.testimonial blockquote:before{
	    margin-right: 0.65em;
    	margin-left: -1.2em;
	}
	
	.testimonial cite{
		display:block;
		margin:auto;
		margin-bottom:20px;
		text-align: center;
	}
	
}
/*******************************
	
	MAX 540 PX
	
********************************/

@media (max-width: 540px) {
	
	body{
		padding:0px !important;
	}
	
	.ribbon-wrapper{display:none;}
	
	.logo.logged,.logo.unlogged{
		width:100% !important;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.navbar .btn-navbar{
		margin: auto;
	    text-align: center;
	    border-radius: 0px;
	    float:left !important;
	}
	.navbar .divider-vertical {
		display:none !important;
	}	
		
		
	.hosting-joomla-header{
		background:#000;
	}
	.hosting-joomla-header.big-padding{
		padding:0px !important;
		
	}
	.hosting-joomla-header{
		background: #326!important;
	}
	.hosting-joomla-header .header-presentation{
		background:transparent !important;
	}
	
	.header-presentation{
		padding:10px !important;
		border-radius:0px !important;
		
	}
	.hosting-joomla-header .header-presentation h4{
		font-size:1.5em;
		
	}
	
	.hosting-joomla-header sup{display:none;}
	
	.cta{
		display:block;
	    margin: 10px;
	}

	.plan {
		 margin-bottom: 50px;
	}

	.section-details{
	  padding: 50px 0px;
	}
	#hosting_compare_detail #pricing-table{
		display:none;
	}

	td .cta{
		display:none;
	}
	
	.cms-manager-header h1,
	.jim-header h1{
		line-height: 40px;
   		font-size: 40px;
	}
	
	.cms-manager-header h3,
	.jim-header h3 {
	    font-size: 16px;
	    line-height: 20px;
	}
	
	.free-tip{display:none;}
	
	
	.section-user-sites{
		padding: 20px;	
	}
}

/*******************************
	
	MAX 485 PX
	
********************************/
@media (max-width: 485px) {
	
	
	
	#getdata label{
	    font-size: 1.5em;
	    margin: 20px 0 5px 5px;
	}
	#getdata fieldset{
		padding:15px;
	}
	
	.create-site.create-site-page,
	.create-site-page .home-section-cover{
		height:450px;
	}
	
	/** disable kayako chat on mobile **/
	#swifttagcontainerwwz5bd0yoz{
		display:none;
	}
	
	.home-section.create-site,
	.create-site .home-section-cover{
 		height:700px;
 	}
 	.register-domain.nuovi-tld{
 		height:400px;
 	}
}


/*******************************
	
	MAX 400 PX
	
********************************/
@media (max-width: 400px){

	.navbar .btn-navbar{
		float:left;
	}
	
	.navbar .nav > li {
    	float: none;
    	display: inline-block;
	}
	
	.hosting-joomla-linux.big-padding{
		padding:0px !important;
	}
	
	.header-presentation{
		margin:0px;
		padding:0px;
		
	}
	
	.section-details {
		padding:0px;
	}
	
	.included-options ul{
		padding:0px;
	}
	.pec-claim a {
		margin : 20px auto;
	}
	.pec-feat-price{
		margin-left:-10px;
		margin-bottom:0px;
	}
	
	.insectionTitle{
		display:none;
	}
	
	.hero-unit {
		padding:10px;
		margin:0px;
		border-radius:0px;
	}
	
	.home-section-content{
		top:10px;
	}
	
	
 	.old-price{
 		margin-bottom:50px;
 	}
	
}
/*******************************
	
	MAX 350 PX
	
********************************/
@media (max-width: 350px){
	.section-support{
		height:600px;
	}
	
	.section-web-agency-tools {
	    height: 1400px;
	}
	
	.web-agency-section .home-section-content{
		top:0px!important;
	}
}