/*******************************
	
	MEDIA QUERIES	
	
********************************/


@media (min-width: 1200px) {

	.fivecol.span2 {
		width: 17.9487179487179488% !important;
	    *width: 17.87424986361156592% !important;
	}
}


@media (max-width: 1200px) {
		.username{
		display:none;
	}
		
	#top-menu{ 
    	width:100% !important;
    }
    
    .navbar .divider-vertical{
    	display:none;
    }
    .navbar .btn-navbar{
    	display: block;
	    background: transparent !important;
	    border: 0px solid #fff !important;
	    box-shadow: 0px 0px 0px #fff !important;
	    color: #fff !important;
    }
    .navbar .btn-navbar span{color: #fff !important;}
    #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;
	}
}


@media (min-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;
	}
		 
}


@media (min-width: 768px) and (max-width: 979px) {
   
   	.fivecol.span2 {
       	width: 17.79005524861878448% !important;
       	*width: 17.7155871635124022% !important;
   	}
}

@media (max-width: 768px){
	
	.section-pec.big-padding{
		padding:20px !important;
	}
	#pecHeaderPresentation h1{
		font-size: 2em;
	}
	.pec-why.big-padding{
		padding:40px !important;
	}
	
	
	 #getdata .btn-random-password{
		 	position:initial;
			display:block;
		 	margin: 10px auto 0px auto;
	}
}

@media (max-width: 1024px){
	.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;
	}
}


@media (max-width: 768px){
		
	.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;
	}
	
	
}


@media (max-width: 540px) {
	 
   .logo{
   		display:block;
   		float:none;
   		margin:auto;
   }
	
	
	.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;
	}
	.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;
	}

	.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;}
	
	
}


@media (max-width: 485px) {
	
	.navbar .divider-vertical {
		display:none !important;
	}
	.username {
		display:inline-block !important;
	}
	
	#getdata label{
	    font-size: 1.5em;
	    margin: 20px 0 5px 5px;
	}
	#getdata fieldset{
		padding:15px;
	}
}

@media (max-width: 400px){
	
	.navbar .btn-navbar{
		float:left;
	}
	
	.navbar .nav > li {
    	float: none;
    	display: inline-block;
	}
	
	#getdata label{
	    font-size: 2em;
	    margin: 0 0 5px 5px;
	}
   
	.section-details {
		padding:0px;
	}
	
	.included-options ul{
		padding:0px;
	}
	
	.pec-claim a {
		margin : 20px auto;
	}

	.ribbon-wrapper{display:none;}
	
	.navbar .nav > li {
    	float: none;
    	display: inline-block;
	}
	
	.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;
	}
	
	

	
}