@media only screen and (min-device-width : 320px) and (max-device-width : 3000px) {
     html {
        -webkit-text-size-adjust: none;
     }
.m_hide{
	display:inherit;
	} 
.d_hide{
	display:none;
	} 
		
	
	}
@media (max-width: 1700px) {	





}
	
@media (max-width: 1500px) {	
.dropdown_iam label{
	width:14%;
	}
.dropdown_iam span{
	width:86%;
	}

}


@media (max-width: 1400px) {	
.container {
    width: 100%;
    max-width: 960px;
	}
	ul.twyg-list li:nth-child(4n) {
    margin-right: 26px;
}	
.spotlight-1{
	width:33.33333333333333%;
	margin:5px 0 0 0;
	}
.spotlight-2{
	width:16.66666666666667%;
	margin:7px 0 0 0;
	}
.spotlight-3{
	width:25%;
	margin:2px 0 0 0;
	}
.spotlight-4{
	width:25%;
	margin:2px 0 0 0;
	}
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 11px;
	}
	
.navbar-expand-lg .navbar-nav .nav-link {
    margin-right: 12px;
    margin-left: 12px;
}
.left_panel{
	width: 56.25%;
	}
.right_panel{
	width: 28.75%;
	}
.buster_box_left{
	width:19.25925925925926%;
	height:69px;
	}
		
.buster_box_right{
	width:80.74074074074074%;
	height:69px;
	}
.other_useful_sites .brand_box_left{
	width:29.62962962962963%;
	padding:45px 0;
	}
.other_useful_sites .brand_box_right{
    width: 69.92592592592593%;
	}
.mg_title p {
    font-size: 13px;
    line-height:20px;
	}
.mg_title {
    padding: 20px 8px 0 16px;
	}
.eca_buster_box_left{
	height:87px;
	}
.select_buster_box_left{
	height:69px;
	}
.jib_buster_box_left{
	height:183px;
	}	
.net_buster_box_left{
	height:159px;
	}
.ecs_buster_box_left{
	height:159px;
	}
.bs7_buster_box_left{
	height:111px;
	}
.bg-dark {
    padding: 16px 0 17px 0;
	}
.about_apprenticeships .right_panel .right_mg_title p{
    font-size: 15px;
	}	
.about_apprenticeships .right_panel .right_mg_title4 p {
    font-size: 12px;
    font-weight: 700;
    line-height: 32px;
}
.about_apprenticeships .right_panel .right_mg_title3 p {
    font-size: 14px;
	}
ul.twyg-list li:nth-child(4n) {
    margin-right: 26px !important;
}	
ul.twyg-list li:nth-child(3n) {
    margin-right: 0px !important;
}
ul.twyg-list li:nth-child(6n) {
    margin-right: 0px !important;
}
ul.twyg-list li {
	width: 31.23% !important;
}
ul.twyg-list li a img {
    width: 100% !important;
}
.about_apprenticeships .left_panel p a img{
	width:70% !important;
	}

.about_apprenticeships.changing_career.england_training_routes .left_panel p a img {
 width:100% !important;
}

.content-area {
margin-top:30px;
margin-bottom:30px;
}

img#zoomImage {
margin-top:60px !important;
}

.about_apprenticeships .left_panel p a{
	margin-left: 0 !important;
	margin-right: 0 !important;
	}	
	
}

@media (max-width: 1200px) { 
	
ul.twyg-list li:nth-child(3n) {
    margin-right: 26px !important;
}	
}

@media (max-width: 1024px) { 
.mg_title {
    padding: 10px 10px 0 10px;
 }	
ul.twyg-list li:nth-child(3n) {
    margin-right: 26px !important;
}	

}
@media (max-width: 991px) {
	
BODY{	
	font-size:14px;
	line-height:21px;
	}
p{
	font-size:14px;
	line-height:21px;
	}	
	
.changing_career .left_panel h4{
	line-height:28px;
	}
.changing_career .left_panel h2{
	line-height:28px;
	}	
	 	
.about_apprenticeships .content-area ul.how_get li {
    background: url(../images/bulate3.png) 0 10px no-repeat;
	background-size: 4px;
	}	
.m_hide{display:none;} 	

.d_hide{display:inherit;} 

.ds_hide{
	display:inherit !important;	
	}
.ms_hide{
	display:none !important;	
	}	
.ipad{display:none !important;}	

.page{width:100%;} 

.container{width:auto; padding:0 20px; max-width:inherit ;}  
.content .container{padding:0 0;}
.breadcrumb_panel .container{padding:0 0;}

#footer .container{
	padding-right: 20px;
	padding-left: 20px;
	}
#footer .container .row{
	margin-right: 0;
	margin-left: 0;
	}	
.banner {
    text-align: center;
    padding: 79px 0 0 0;
	}
.home_banner{
    text-align: center;
    padding: 0 0 0 0;
	height: 213px;
    background: url(../images/homepage-banner-mobile.jpg) center 0 no-repeat;
	background-size: cover;
	} 
.home-video-banner{
	aspect-ratio: 1.5;
}
.home-eplus{
	padding:30px 20px;
}
.eplus-sec1,.eplus-sec2,.eplus-sec3 {
    width: 100%;
	margin-bottom:30px;
	padding: 0;
}
.eplus-sec3 {
    text-align: center;
}
.m_banner img{
   width:100%;
	} 
.m_banner .banner_text_bright img{
   width:initial;
	} 	
		
.spotlight {
    padding: 15px 0 6px 0;
	}
.spotlight-1{
	width:100%;
	margin:0 0 0 0;
	}
.spotlight-2{
	width:100%;
	margin:48px 0 44px 0;
	text-align:center;
	}
.spotlight-3{
	width:100%;
	margin:0 0 0 0;
	}
.spotlight-4{
	width:100%;
	margin:0 0 0 0;
	float:left;
	}
p.text_copyright{	
	margin: 37px 0 2px 0;
	}
p.text_footer {
    font-size: 12px;
    line-height: 21px;
	}
p.text_footer span{
    font-size: 12px;
    line-height: 21px;	
	display: block;
	}
.site_index {
    padding: 20px;
	}	
.mg_title {
    margin: 0 0 20px 0;
	min-height: 77px;
	padding:19px 10px 0 10px;
	}	
.site_index_video {
    margin: 20px 0 27px 0;
    width: auto;
}	
	
.mg_title p{
	font-size: 15px;
	line-height:20px;
	}
.mg_title p span{
	line-height:18px;
	}	
.m_banner{
	width:100%;
    background: #1a1a1a;
	text-align:center;
	padding:80px 0 3px 0;
	}
.m_banner .container {
    padding: 0 0;
	width:100%;
	}	
.banner_text_bright {
    width: 100%;
    height: auto;
    background: none;
	border-bottom: 2px solid #fff;
	padding: 20px 0;
	}
.banner_text_intelligent {
    width: 100%;
    height: auto;
    background: none;
    margin: 0 0 0 0;
	}

.banner_text_intelligent p {
	font-size: 18px;
	font-weight: 400;
	line-height: 54px;
	margin: 0px 0 0 0;
	}
.breadcrumb ul li {
    font-size: 10px;
	line-height: 18px;
	}
.breadcrumb {
    padding: 10px 20px 11px 20px !important;
	}	
	
.about_apprenticeships{
	width:auto;	
	margin:0 auto;
	padding:20px;
	overflow:hidden;
	background:#FFF;
	}	
.apprenticeships_banner img {
   /* height: 200px;*/
    width: 100%;
}
.left_panel{
	width: 100%;
	margin:12px 0 20px 0;
	}
.right_panel{
	width: 100%;
	}	
.about_apprenticeships .left_panel h1{
	font-size: 36px;
	line-height: 49px;
	margin:7px 0 0 0		
	}	
.about_apprenticeships .left_panel h3{
	font-size: 20px;
	line-height: 28px;	
	margin:37px 0 28px 0;
	}
.about_apprenticeships .left_panel .sub-heading-area h2{
	font-size: 20px;
	line-height: 28px;	
	margin:37px 0 28px 0;
	}			
.about_apprenticeships .left_panel ul li{
	line-height: 21px;
	margin:0 0 10px 7px;	
	font-size: 14px;	
	}	
.about_apprenticeships .left_panel p {
    font-size: 14px;
	line-height: 21px;	
	}
.about_apprenticeships.about_t_levels .left_panel .content-area p {
	line-height: 23px;	
}
.about_the_industry .left_panel ul li {
    background: url(../images/bulate.gif) 0 11px no-repeat;
    padding: 0 0 0 13px;
	font-size: 14px;
	background-size: 4px;
	}	
.already-in-the-industry .left_panel ul li{
	background:url(../images/bulate2.gif) 0 8px no-repeat;
    padding: 0 0 0 13px;
	font-size: 14px;
	background-size: 4px;
	}	
.about_the_industry .right_panel .right_industry_title p{
	font-size: 12px;
	}	
.career_routes_and_specialisms .career_routes_in h3{
	font-size: 20px;
	line-height: 40px;	
	margin:0 0 0 0
	}	
.career_routes_box_left{
	padding:4px 15px 15px 15px;
	width:100%;
	border-bottom:1px solid #bfbfbf;
	border-right:0;
	}
.career_routes_box_right{
	width:100%;
	padding:20px;
	text-align: center;	
	}
.career_routes_box_right img{
	width:100%;
	text-align: center;	
	margin:0 0 16px 0;
	}
.career_paces {
    margin: 20px 0 40px 0;
}
.m_color{
color: #000000 !important;	
	}
.case_studies .case_mg_title3 p{
	font-size: 14px;
	padding: 13px 0 18px 0;
	}
.case_studies .case_mg_title3 p span{
	font-size: 12px;
	}
.case_studies_in {
    margin: 0 0 0px 0;
	}
.case_studies .row .col-6{ 	
	padding-right: 10px;
	padding-left: 10px;	
	}
.case_studies .row{ 	
	margin-right: -10px;
	margin-left: -10px;
	}	
.apprenti-top {
    height: auto;
	}	
.apprenti-bottom {
    height: auto;
	}	
.title-text {
    width:52%;
	}
.apprenti-popup {
    width: 100%;
	}
.modal-content {
    border: 0;
    border-radius: 0;
}
.modal-dialog {
    margin: 0;
	}
.apprenti-mg {
    margin: 0 10px 0 0;
	}
.logo{
	text-align:right;
	margin: 25px 0 27px 65px;
	width: 202px;
	}
.case_studies .case_studies_in_auto h1{
	font-size: 36px;
	line-height: 48px;
	margin: 7px 0 0 0;
	}
.case_studies .case_studies_in_auto h3 {
	font-size: 20px;
	line-height: 28px;
	margin: 30px 0 40px 0;
	}

.bg-dark {
    background-color: #1a1a1a !important;
    padding: 0px 0 0 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	height:80px;
}
.im_interested .left_panel p{	
	font-size: 12px;
	margin:9px 0 9px 0;
	}

.contact_us_thanks .left_panel{
	margin:0 0 0 0;
	}
.contact_us_thanks .right_panel{
	margin:0 0 0 0;
	} 

.about_apprenticeships .right_panel .right_mg_title p{
    font-size: 15px;
	}
.about_apprenticeships .right_panel .right_mg_title2 p{
    font-size: 15px;	
	}
.about_apprenticeships .right_panel .right_mg_title3 p{
    font-size: 15px;
	}
.about_apprenticeships .right_panel .right_mg_title4 p {
    font-size: 15px;
	}
.about_apprenticeships .right_panel .right_mg_title img{
	width: 20px;
	top: 20px;
	}
.about_apprenticeships .right_panel .right_mg_title2 img{
	width: 20px;
	top: 20px;
	}
.about_apprenticeships .right_panel .right_mg_title3 img{
	width: 20px;
	top: 20px;
	}
.about_apprenticeships .right_panel .right_mg_title4 img{
	width: 20px;
	top: 20px;
	}
.contact_us_thanks .careers_form_thanks h3 {
    font-size: 36px;
	}
.contact_us_thanks .careers_form_thanks h3 span {
    font-size: 20px;
	}
.contact_us_thanks .careers_form_thanks h3 span span{
    margin: 0px 0 0 0;
    display:inline;
	}
.apprenticeships_banner {
    padding: 80px 0 0 0;
	}
.buster_box_left{
	width:100%;
	height: 35px;
	}
.buster_box_right{
	width:100%;
	height:auto;
	padding: 15px 12px;
	}
.training_buster .buster_box_left p {
	font-size: 18px;
	}
	
.other_useful_sites .brand_box_left{
	width:100%;
	padding:45px 0;
	border-right: 0;
	}
.other_useful_sites .brand_box_right{
	width:100%;
    padding: 11px 0 20px 20px;
	border-top: 1px solid #bfbfbf;
	border-left:0;
	}
.left_useful_sites{
	margin: 12px 0 20px 0;	
	}
.left_training_buster{
	margin: 12px 0 20px 0;	
	}
.career_routes_and_specialisms .career_routes_in .career_routes_box_right h4.name{
	margin:0 0 0 0;
	}
.careers_form {
    padding: 20px;
	}
.career_routes_and_specialisms .career_routes_in h3{	
	font-size: 14px;	
	}
.m_mobile{	
	display:block;
	}
.other_useful_sites .brand_box_right h4 {
    font-size: 12px;
	}
.other_useful_sites .brand_box_left.eca {
    padding: 44px 0 40px 0;
}
.mg_title p span{
	display:block;
	}
.industry_employers .left_panel p.profile {
    font-size: 14px;
    color: #000000;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: 21px;
    margin: 9px 0 0 0;
	}	
	
.career_routes_and_specialisms .career_routes_box .career_routes_box_left p{
    font-size: 14px;
    line-height: 21px;
	}
.career_routes_and_specialisms .career_routes_box .career_routes_box_left ul li{
	font-size: 14px;
	}
.how_much_can_i_earn .left_panel p {
	font-size: 14px;
    line-height: 21px;
	}	
.im_interested .left_panel ul li{
	font-size: 14px;	
	}	
p.popup-text {
    font-size: 14px;
    line-height: 21px;
	}	
.arrowlistmenu4 .menuheader {
    font-size: 14px;
    line-height: 21px;
	}	
.contact_us_thanks .right_panel .contact_right_panel h3{
	font-size: 14px;
	}
.contact_us_thanks .right_panel .contact_right_panel p{
	font-size: 14px;
	}	
.training_buster .buster_box_right p{
	font-size: 14px;;
	line-height:21px;
	}		
.careers_specialists .left_panel h4 {
    font-size: 16px;
    line-height: 18px;
	}	
.form-group .btn4 {
    width: 100%;
	}

.about_the_industry .left_panel ul {
    margin: 7px 0 26px 6px;
	}
.already-in-the-industry .left_panel ul{
	padding:0;
	margin:7px 0 15px 6px;
	}
ul.sub_heading_text li {
    line-height: 28px;
	}	
	
.site_index .row{
	margin-right: -10px;
	margin-left: -10px;
	}
.site_index .row .col-lg-3{
	padding-right: 10px;
	padding-left: 10px;
	}	
	
.career_routes_and_specialisms .career_routes_in .career_routes_box_right img{
	text-align:center;
	width:100%;
}
	
.first-child {
    padding-right: 0;
    padding-left: 0 !important;
}	
	
.career_routes_ddaccordion {
    margin: 32px 0 40px 0;
}	
	
.im_interested_box ul li{
	margin: 0 0 10px 0 !important;
	}	
	
.already-in-the-industry h4 {
    line-height: 30px;
}
.already-in-the-industry .left_panel h3 {
    line-height: 30px;
}

.about_apprenticeships .left_panel ul li {
    line-height: 21px;
    margin: 0 0 10px 0;
    font-size: 14px;
	background: url(../images/bulate.gif) 0 9px no-repeat;
	background-size: 4px;
	}
.about_apprenticeships.about_t_levels .left_panel ul li {
    background: none;
}
.about_apprenticeships.about_t_levels .left_panel ul li:before{
	content:"";
	width: 4px;
	height:4px;
	border-radius:50%;
	position:absolute;
	left:0;
	background:#d96c57;
	top: 12px;
    transform: translateY(-50%);
}
.im_interested_box ul li{
	background:none !important;
	}
.im_interested_box ul li::before {
    margin: 10px 0 0 -13px;
	}

.career_routes_and_specialisms .career_routes_box .career_routes_box_left ul li:before{
    margin: 15px 0 0 -13px;
	}
.career_routes_and_specialisms .career_routes_box .career_routes_box_left ul li {
    font-size: 14px;
	line-height:
	}
.already-in-the-industry .left_panel ul li{
	background:none;
	}
.already-in-the-industry .left_panel ul li::before {
    margin: 10px 0 0 -13px;
	}
.industry_employers ul li{
	background:none !important;
	}
.industry_employers ul li::before {
    margin: 10px 0 0 -13px;
	}
.contact_us_thanks .left_panel {
    margin: 0 0 20px 0;
	}

.about_the_industry .left_panel .information ul li{
	text-align:center;
	}
.about_the_industry .left_panel .information ul li img {
    position: inherit;
    margin: 0 auto;
	}
.about_the_industry .left_panel .information ul li h4 {
    padding-left: 0;
	line-height: 18px;
	text-align:left;
	margin-top: 20px;
	}
.about_the_industry .left_panel .information ul li .info-content {
    padding-left: 0;
	text-align:left;
	}
.insights .content-area h3 {
    padding: 0 0 0 0;
	}
.insights .insights-wrapper {
    padding-top: 0;
    margin-top: -30px !important;
	}
.in-author-image {
    text-align: center;
    margin-top: 20px;
}
.insights .left_panel p a.citymg{
	width:100% !important;
	float:left;
	text-align:center!important;
	margin:0 0 30px 0!important;
	}
.quick_hide{
	display:none !important;
	}
.changing_career .left_panel .content-area h3{
	line-height: 24px;
	margin:15px 0 5px 0;
	}
.site_index_category .mg img {
  width: 200px;
  height: 200px;
}
.mg_title {
  padding: 19px 10px 40px;
}
.mg_title .nrmore{
	line-height:24px;
}
.apprenticeships_right_in img{
	width:100%;
  }
.about_e_plus .left_panel p {
    font-size: 13px;
	}




}


@media (max-width: 736px) { 
.mg_title p span {
    display: inline;
}	
ul.twyg-list li:nth-child(6n) {
    margin-right: 0 !important;
}

}

@media (max-width: 667px) { 
ul.twyg-list li:nth-child(3n) {
    margin-right: 4% !important;
}
ul.twyg-list li:nth-child(6n) {
    margin-right: 0 !important;
}
}


@media (max-width: 600px) { 
.mg_title p span {
    display: inline;
	}	
.dropdown_iam label{
	width:100%;
	margin: -4px 0 0;
	}	
.dropdown_iam span {
    float: left;
    width: 100%;
	}	



}
@media (max-width: 568px) { 
ul.twyg-list li:nth-child(3n) {
    margin-right: 4% !important;
}
ul.twyg-list li:nth-child(6n) {
    margin-right: 0 !important;
}
}

@media (max-width: 539px) { 
.site_index_category .col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;	
	
}

}

@media (max-width: 380px) { 
#childxx_2{
font-size: 11px;	
	}
#childxx_4{
font-size: 11px;	
	}	
#childxx_1{
font-size: 11px;	
	}	
#childxx_3{
font-size: 11px;	
	}	
ul.twyg-list li:nth-child(3n) {
    margin-right: 4% !important;
}	
ul.twyg-list li:nth-child(5n) {
    margin-right: 4% !important;
}
ul.twyg-list li:nth-child(6n) {
    margin-right: 0 !important;
}
}

@media (max-width: 340px) { 

}


@media (max-width: 1200px) { 

ul.twyg-list li a.nav-link img {
    width: 100% !important;
	height: auto !important;
	}

ul.twyg-list li {
    width: 22% !important;
	margin: 20px 4% 0 0 !important;
    }
	
ul.twyg-list li:nth-child(4) {
    margin: 20px 0 0 0 !important;
	}	
	
	
}

@media (max-width: 767px) {
.in-mobile-banner{display:block;}
.in-desktop-banner{display:none;}
ul.twyg-list li a.nav-link.active::after, ul.twyg-list li a.nav-link:hover::after {
    border: 9px solid #4d3826 !important;
}
ul.twyg-list li a.nav-link img {
    width: 100% !important;
	height: auto !important;
}
ul.twyg-list li {
    text-align: left !important;
	margin: 20px 4% 0 0 !important;
	width: 48% !important;
}	
ul.twyg-list li:nth-child(2) {
    margin: 20px 0 0 0 !important;
}

	
}