@media only screen 
and (min-width : 1024px) {

    #menu1{
        display:block;
    }
    #menu2{
        display:none;
    }
  table.responsive tr > td:nth-child(1) { min-width:150px;}

    #pagewrapper{
        width:1000px;
        margin:0px auto 0px auto;
    }
    #pagewrapper2{
        width:964px;
        margin:0px auto 0px auto;
    }

    .fpjobsearch .leftside{
        float:left;

    }
    .fpjobsearch .rightside{
        float:right;

    }
}
@media only screen 
and (max-width : 1024px) {

	#menu1{
		display:block;
	}
	#menu2{
		display:none;
	}
	
	#pagewrapper{
		width:96%;
		margin:0px auto 0px auto;
	}
	#pagewrapper2{
		width:auto;
		margin:0px auto 0px auto;
	}

	.banneraboutus{
		background-position:left center;
	}
	
	.fourcol{
		float:none;
		width:auto;
	}
	.keyfactsbox{
		width:auto;
		float:none;
		overflow:hidden;
		position:inherit;
		margin-top:20px !important;
	}

	/*
	.factblock{
		width:31%;
		margin:15px 1% 15px 1%!important;
	}
	.factblock img{
		width:100%;
	}
	*/
	
	#btright,#btleft{
		display:block !important;
	}
	
	.yourcareerblock h2{
		font-size:18px;
	}
	
	
	.resultbox .leftcol{
		width:75%;
	}
	.resultbox .rightcol{
		width:23%;
	}
	.resultbox .rightcol .infobox{
		width:auto;
	}

    .fpjobsearch .leftside{
        float:left;

    }
    .fpjobsearch .rightside{
        float:right;

    }
}

@media only screen
and (max-width : 920px)
and (min-width : 750px){
	
	#menu1{
		display:none;
	}
	#menu2{
		display:block;
	}

    .hotjobs .overlay{
        width: auto !important;
    }

    .yourcareerblock h2{
        font-size:22px !important;
    }

    .fpjobsearch .leftside{
        float:none;
        width: auto !important;
    }
    .fpjobsearch .rightside{
        float:none;
        width: auto !important;
        margin-top:20px;
    }
}

@media only screen 
and (max-width : 750px)
and (min-width : 500px){

	#menu1{
		display:none;
	}
	#menu2{
		display:block;
	}
	
	.questiontext{
		font-size:25px !important;
		margin-top:25px !important;
		padding: 30px 15px 30px 15px !important;
		line-height:36px !important;
	}
	
	
	.eventacontainer a{
		width:50%;
	}
	
	#btright,#btleft{
		display:block !important;
	}
	
	.columns .cols41{
		float:none !important;
		width:auto !important;
	}
		.columns .lmargin{
		margin-left:0 !important;
	}

	
	.accordian_telephone{
		display:block;
	}	

	.britishislesmap_telephone_holder{
		display:none;
	}

    .hotjobs{
        display: none;
    }
	
	.resultbox .leftcol{
		width:auto;
		float:none;
	}
	.resultbox .rightcol{
		width:auto;
		float:none;
	}
	.resultbox .rightcol .talentbond_contextualLinkContainer{
		display:none;
	}
	.resultbox .rightcol .maplet{
		margin-bottom:20px;
	}
	.resultbox .rightcol .infobox{
		width:100%;
	}
	
	#hotjobcontainer{
		display:none;
	}

	.nodesktop{
		display:block !important;
	}

    .nomobile{
        display:none;
    }

    .fpjobsearch .leftside{
        float:none !important;
        width: auto !important;
    }
    .fpjobsearch .rightside{
        float:none !important;
        width: auto !important;
        margin-top:20px;
    }

	.yourcareerblock{
		margin-left:0 !important;
		margin-right: 3%;
		width:47% !important;
	}

    .yourcareerblock h2{
        font-size:22px !important;
    }

    .clearwide{
        clear:none !important;
    }
}


@media only screen
and (max-width : 684px)
and (min-width : 350px){
	
	Table.responsive tr > td:nth-child(1) { min-width:50px;}
	.yourcareerblock{
		margin-left:0 !important;
		margin-right: 3%;
		width:47% !important;
	}
	
	.yourcareerblock .yourcareer .t{
		font-size:16px;
		padding-top:30px;
	}
	
	.cols31{
		margin-left:0 !important;
		width:47%;
	}
	.cols31.cleftmedium{
		margin-right:6% !important;
	}
	.columns .clear{
		clear:none;
	}

    .hotjobs{
        display: none;
    }

	.clearwide{
		clear:none !important;
	}
	
	.yourcareerblock h2{
		font-size:16px !important;
	}
	
}




@media only screen 
and (max-width : 500px) {

	#menu1{
		display:none;
	}
	#menu2{
		display:block;
	}
	
	
	.questiontext{
		font-size:18px !important;
		margin-top:20px !important;
		line-height:30px !important;
		padding: 30px 30px 30px 30px !important;
	}
	.programmechooser .header{
		font-size:18px !important;
	}
	
	#menu3 .menucol{
		float:none !important;
		width:auto !important;
	}
	
	
	.eventacontainer a{
		width:100%;
	}
	
	
	.tabs .tabholder{
		border-bottom:1px solid #000000;
		overflow:hidden;
		height:auto;
	}
	.tabs .tabholder .tab{
		float:none;
		margin-right:0px;
		width:auto;
		transition-duration: 150ms;
		margin-top:2px;
	}
	
	#btright,#btleft{
		display:block !important;
	}
	
	.columns .cols41{
		float:none !important;
		width:auto !important;
	}
	.columns .lmargin{
		margin-left:0 !important;
	}

    .hotjobs{
        display: none;
    }
		
	.accordian_telephone{
		display:block;
	}	

	.britishislesmap_telephone_holder{
		display:none;
	}

	
	.programmechooser .question.final.smaller .questiontext{
	margin-top:0px;
		font-size:18px !important;
	}
	
	#hotjobcontainer{
		display:none;
	}
	.nodesktop{
		display:block !important;
	}
	
		
	.fpjobsearch .leftside{
		float:none;
		width:auto;
	}
	.fpjobsearch .rightside{
		float:none;
		width:auto;
		margin-top:20px;
	}

    .nomobile{
        display:none;
    }
}


@media only screen
and (max-width: 580px){

	.nomobile{
		display:none;
	}
	
	.fpjobsearch{
		display:none;
	}

    .hotjobs{
        display: none;
    }

}

@media only screen 
and (max-width : 350px) {
	.yourcareerblock{
		width:auto !important;
		float:none !important;
		margin-left:0px !important;
	}
	
	.cols31{
		width:auto;
		float:none;
		margin-left:0px;
	}
	
	.yourcareerblock h2{
		font-size:15px !important;
	}
	
	.programmechooser .question.final.smaller .questiontext{
	margin-top:0px;
		font-size:18px !important;
		line-height:20px !important;
	}

    .hotjobs{
        display: none;
    }
}