@media screen and (max-width: 2560px) and (orientation: landscape) {


}

@media screen and (max-width: 1620px) and (orientation: landscape) {


}

@media screen and (max-width: 1536px) and (orientation: landscape) {


}

@media screen and (max-width: 1440px) and (orientation: landscape) {


}

@media screen and (max-width: 1280px) and (orientation: landscape) {
	
.container {
    width: 90%;
    padding: 0 5%;
}
	
.sector-boxes .slick-slide {
    margin: 0 15px;
}

.sector-boxes .slick-list {
    margin: 0 -15px;
}
	
.sector-content-panel {
    padding: 100px 5%;
}
	
.site-logo {
    height: 50px;
}
	
.on-scroll .site-logo {
    height: 40px;
}

}

@media screen and (max-width: 1280px) and (orientation: portrait) {

.container {
    width: 90%;
    padding: 0 5%;
}
	
.sector-boxes .slick-slide {
    margin: 0 5px;
}

.sector-boxes .slick-list {
    margin: 0 -5px;
}
	
.service-block-title {
    white-space: nowrap;
}
	
.case-studies-panel {
    width: 100%;
    padding: 50px 0;
}
	
.h-half {
    width: 100%;
}
	
.h-qtr {
    width: 100%;
}
	
.row {
    width: 100%;
    height: 100vh;
	flex-wrap: wrap;
}
	
.footer {
    flex-wrap: wrap;
}
	
.footer-col.h-half {
    width: 100%;
    text-align: center;
	margin-top:25px;
}
	
.footer-col.h-qtr {
    width: 70%;
}
	
.footer-col.h-qtr.social-footer-col {
	width:30%;
}

.contact-details {
    display: flex;
}
	
.tel {
    margin-right: 20px;
}
	
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
	
.sector-boxes .slick-slide {
    margin: 0 10px;
}

.sector-boxes .slick-list {
    margin: 0 -10px;
}
	
.section-title {
	font-size:1.5rem;
}

.sector-title-item {
    padding: 10px 0;
}
	
.service-block-title {
    white-space: nowrap;
}
	
.case-study-title {
    font-size: 1.5rem;
}
	
}

@media screen and (max-width: 950px) and (orientation: landscape) {


}

@media screen and (max-width: 800px) and (orientation: portrait) {
	

}

@media screen and (max-width: 768px) and (orientation: portrait) {


}

@media screen and (max-width: 737px) and (orientation: portrait) {
	

}

@media screen and (max-width: 480px) and (orientation: portrait) {
	
.header {
	padding:5%;
}
	
.on-scroll .site-logo {
    height: 35px;
}
	
.on-scroll .menu-icon {
    width:30px;
	height: 15px;
}
	
.menu-icon {
    width: 40px;
    height: 20px;
}
	
.site-logo {
    width: 300px;
    height: 40px;
}
	
.sector-slide {
    flex-direction: column;
}
	
.sector-content-image {
    width: 100%;
    height: 300px;
}
	
.section-title {
    font-size: 6vw;
    margin: 0 0 25px 0;
}
	
.sector-boxes .slick-track {
    transform:unset;
}
	
.case-studies-item {
    flex-direction: column;
}
	
.case-study-image-block {
    width: 100%;
    height: 250px;
    margin-right: 0;
    margin-bottom: 20px;
}
	
.case-study-content {
    width: 100%;
	text-align: center;
}
	
.case-studies-carousel {
    padding: 0 10%;
}
	
.sector-content-panel {
    width: 70%;
    padding: 5% 15%;
}
	
.slick-prev {
    left: 10px !important;
}
	
.slick-next {
	right:10px !important;
}
	
.case-study-title {
    font-size: 6vw;
}
	
.cta h5 {
    font-size: 5vw;
}
	
.hero-title {
    font-size: 5vw;
}
	
.hero-text {
    font-size: 3.5vw;
    width: 90%;
    padding: 0 5%;
}
	
.image-text-block {
    flex-direction: column;
}
	
.text-content {
    padding: 5%;
    width: 90%;
}
	
.image-panel {
    width: 90%;
    height: 70%;
}
	
.image-content {
    width: 100%;
    padding: 50px 0;
}
	
.footer {
    padding: 5%;
}
	
.footer-col.h-qtr {
    width: 100%;
}
	
.footer-col.h-qtr {
	width: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}
	
.footer-col.h-qtr.social-footer-col {
    width: 100%;
    justify-content: center;
    align-items: center;
    align-content: center;
    display: flex;
    flex-direction: column;
}
	
.contact-details {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
	margin-bottom: 25px;
}

}