@media only screen and (min-width: 1920px) {
}
 @media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1536px) {
}
 @media only screen and (min-width: 1400px) {
}

 @media only screen and (max-width: 1280px) {
}
 @media only screen and (max-width: 1200px) {
.navigation ul li a { padding: 10px 2px;}
.headerCall a { font-size: 13px;}
.bannerWrap .banner .bannerTxt { font-size: 30px; line-height: 45px;}
.aboutpractmanWrap .aboutpractmanInner .aboutpractmanHero { width: auto;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner { width: 90%;font-size: 18px;}
}
 @media only screen and (max-width: 1024px) {
}
 @media only screen and (max-width: 959px) {
.navigation{ display:none;}
.logo,.headerCall{ max-width: 50%;}
.aboutpractmanWrap .aboutpractmanInner .aboutpractmanHero{ font-size:15px;}
h2 { font-size: 28px; line-height: 32px;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap .missionInner { padding: 30px; font-size: 15px;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight .heading { font-size: 24px; line-height: 30px;}	 
.aboutDirectorWrap .aboutDirectorInner { display: block; width: auto;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorRight { width: auto; text-align: center; padding-left: 0;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft { width:auto; margin-bottom: 30px;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft img { width: 250px;}
.ourapprochWrap .ourapprochInner { display: block;}
.ourapprochWrap .ourapprochInner .ourapprochLeft { width: auto; margin-right: 0; margin-bottom: 40px;}
.ourapprochWrap .ourapprochInner .ourapprochRight{ width: auto; margin-right: 0;}	 
.servicesWrap .servicesInner .servicesList ul li { width: 48%;}
.connectusWrap .connectusInner .connectusHero {	width: auto;}
.footerInner .footerBox.mobileLogo{ display: block;}
.footerInner .footerBox.desktopLogo{ display: none;}
.footerInner { display: block;}	 
.footerInner .footerBox { width: 60%; margin: 20px auto; text-align: center;}	 
.footerInner .footerBox.footeremail { text-align: center;}
.footerInner { padding: 30px 0;}	
.copyRight { padding: 20px 0;}	 
}
 @media only screen and (max-width: 800px) {
}
 @media only screen and (max-width: 768px) {
}
 @media only screen and (max-width: 753px) {
}
 @media only screen and (max-width: 736px) {
}
 @media only screen and (max-width: 711px) {
.bannerWrap .banner .bannerTxt { font-size: 22px; line-height: 35px;}
.aboutpractmanWrap { padding: 50px 0;}	 
.aboutpractmanWrap .aboutpractmanInner .missionWrap { overflow: hidden;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap img { width: 150%;}	 
.aboutDirectorWrap { padding: 50px 0;}
.aboutDirectorWrap .aboutDirectorInner .aboutDirectorLeft img { width: 200px;}	 
.ourapprochWrap{ padding: 50px 0;}
.ourapprochWrap .ourapprochInner .ourapprochRight ul {display: block;}	 
.ourapprochWrap .ourapprochInner .ourapprochRight ul li {width: auto; margin: 20px 0;}	 
.servicesWrap{ padding:50px 0;}
.servicesWrap .servicesInner .servicesHeader {width: auto;}	 
.footerInner .footerBox {width: 80%;}	
.headerCall a span{ display:none;}
.connectusWrap{ padding:50px 0;}	 
}
 @media only screen and (max-width: 640px) {
}
 @media only screen and (max-width: 600px) {
}
 @media only screen and (max-width: 569px) {
}
 @media only screen and (max-width: 568px) {
}
 @media only screen and (max-width: 533px) {
}
 @media only screen and (max-width: 480px) {
.bannerWrap .banner img.desktopBanner{ display: none;}
.bannerWrap .banner img.mobileBanner{ display: block;}	 
.bannerWrap .banner .bannerTxt { text-align: center; top: 100px; width: 90%; left:5%;}
.aboutpractmanWrap .aboutpractmanInner .missionWrap img { width: 250%;}	 
.aboutpractmanWrap .aboutpractmanInner .missionWrap {margin-top: 30px;}	 
.servicesWrap .servicesInner .servicesList ul { display: block;}
.servicesWrap .servicesInner .servicesList ul li { width: 100%; margin: 20px 0;	}
.connectusWrap .connectusInner .connectusForm .inputBox { width: auto; margin: 0 0 20px 0;float: none;}
.connectusWrap .connectusInner .connectusForm .inputBox.fullWidth { width: 100%;}
.footerInner .footerBox { width: auto;}	 
}
 @media only screen and (max-width: 424px) {
}
 @media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 412px) {
}
 @media only screen and (max-width: 400px) {
}
 @media only screen and (max-width: 384px) {
}
 @media only screen and (max-width: 375px) {
}
 @media only screen and (max-width: 360px) {
}
 @media only screen and (max-width: 320px) {
}