@media screen and (orientation:portrait), (max-width: 1023px) {
	.hideMobile { display: none; }
	
	body { font-size: 16px; }
	h1,
	h2 { font-size: 1.3em; }
	.pageWrapper { padding-top: 60px; }
	.subtitle h2 { width: 100%; }
	.mainWrapper { padding: 0 2em; }
	
	.mainHeader { padding: 0; }
	.mobileMenu { display: block; }
	.callButton { font-size: 1em; }
    .userIcon { left: auto; right: 75px; top: 2.5vw; }
	.header { justify-content: space-between; padding: 0 80px 0 2em; align-items: center; }
	.header .logo { position: relative; z-index: 2; padding: 0; }
	.mainMenu { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; display: flex; padding: 10vw; box-sizing: border-box; align-items: center; justify-content: center; transition: 0.6s ease-out; transform: translateY(-100%); }
	.mainMenu ul { display: block; }
	.menuOpened .mainMenu { transform: translateY(0); }
	.mainMenu ul { display: block; font-size: 1.2em; }
	.mainMenu li { padding: 0.2em 0; line-height: 1.2em; }
	.mainMenu li a,
	.mainMenu li .separator { padding-left: 1.5em; background: url(../images/ouzounis-detectives-fingerprint.svg) no-repeat center left; background-size: 1em; }
	.mainMenu ul .mod-menu__sub { opacity: 1; visibility: visible; position: relative; white-space: normal; font-size: 0.8em; padding: 0 0.5em; max-height: 0; transition: 0.4s; overflow: hidden; }
	.mainMenu ul li.deeper:hover .mod-menu__sub { max-height: 100em; }
	.mainMenu li .mod-menu__sub a { padding-left: 1.5em; background: transparent; }
	.menuOpened .homePage .mainHeader:before { opacity: 1; }
    .mainMenu ul .mod-menu__sub { display: none; }
	
    
    footer { padding: 0 0 2em; }
	.footerMenu .nav { display: block; column-count: auto; width: calc(100% + 4em); margin-left: -2em; }
	.footerMenu li { margin: 0; text-align: center; border-bottom: 1px solid var(--blue); }
	.footerMenu li:first-child {border-top: 1px solid var(--blue); }
	.footerLinks li { display: block; padding: 1em 0; }
	.footerLinks li:after { display: none; }
	.footerMenu a { padding: 1em; }
	.footer .left { width: 100%; padding: 0; }
	.footerLogo,
	.footer-iso { display: block; margin: 2em auto; }
	
	.homePage .mainContent section { flex-wrap: wrap; }
	.homePage .title { text-align: center; }

    .banneritem { font-size: 1em; }
	.banneritem .textWrapper h3 { font-size: 1.3em; }
	.banneritem .buttonWrapper { font-size: 0.8em; }

	.contactPage h2,
	.contactPageIntro .title { font-size: 3em; }
	.contactPageInfo .text { font-size: 1em; }
	.contactPageInfo { flex-wrap: wrap; }
	.contactPageInfo .textCol { width: 100%; }
	.contactPageInfo .imgBg { width: 100%; height: 60vh; }
	.contactAddresses .contactDetails { padding-right: 2em; }
	.contactAddresses .contactDetails .expander { width: 2em; }
	
	.financialInfo .category-desc h2 { font-size: 1.5em; }

	
	.mml_address { padding-left: 20px !important; }

	.joinUsForm .imgBg { background: #000000; }
	.joinUsForm .imgBg img { opacity:0.8; }
	
	.imgBg img,
	.imgBg video { object-position: 70% 50%; }
	.banneritem.imgBg img { opacity: 0.5; object-position: 75% 50%; }
	
	.introPinpoints { padding: 0; }
	.introPinpoints ul.mod-articlescategory { display: block; padding: 2em 1em; }
	.introPinpoints ul.mod-articlescategory > li { margin-bottom: 2em; }
	
	.blogArticles .main { width: 100%; }
	.blogContent.mainWrapper,
	.articleBody.mainWrapper { padding-top: 1em; }
	
	.articlePreview { display: block; }
	.articlePreview .textWrapper,
	.articlePreview .imgWrapper { width: 100%; }
	.articlePreview .textWrapper { padding: 1em 0; }
	.articlePreview .imgWrapper a { width: 60vw; height: 60vw; }
	
	.iconsWrapper { display: block; }
    .iconsWrapper .item { width: 100%;  margin: 1em 0; box-sizing: border-box; padding: 2em 1em; } 
    .iconsWrapper img { height: 30vw; }
    
    .contact { display: block; padding: 2em; }
    .contact .left,
    .contact .right,
    .contact iframe { width: 100%; }
    .contact iframe { margin-top: 3em; }
    .addressRow,
	.contactRow { display: block; }
	.contactRow .mail { margin-right: 0; }

    
    .homeServices { padding: 2em; }
    .homeServices h3 { margin: -0.5em 1em 0; font-size: 1em; }
    
    .contact iframe { height: 40vh; }
	.convertforms button,
	.convertforms form,
	.convertforms label,
	.convertforms .cf-input,
	.convertforms .cf-btn { font-size: 18px !important; }
	
	.testimonial { min-height: 0; }
	.testimonial .textWrapper { padding: 5vw; font-size: 0.7em; }
	
	.timeline li:before { margin-left: 2.5em; }
	.timeline li:nth-child(even):before { margin-left: -7.5em; }
	
	.articleBody .cols { display: block; }
	.articleBody .col { width: 100%; padding: 0; margin: 0 0 1em; }

    .homePage .articlePreview { padding: 2em; }
    .homePage .imgBg img { object-position: 30% 50%; }
    .hero1 .content { padding: 0; }
    .hero1 h2 { font-size: 7vw; }
    
    .hero1 { height: 80vh; }
    .imgBg.vimeo iframe { width: calc(80vh * 1.777777); height: 80vh; }
    .header .logo img { width: auto; height: 50px; }
    .mainHeader .mainWrapper { padding: 0; }
    .searchField { display: none; }
    
    .footer .row { display: block; }
    
    .servicePage .page-header { padding: 1em 0; margin-bottom: 2em; }
    .servicePage .page-header:before { height: 100%; }
    .servicePage .item-image { margin: 0; }
    .servicePage .wrapper .left { width: 100%; padding: 0; order: 2; padding: 4em 0 2em; }
    .servicePage .wrapper .com-content-article__body { max-width: 100%; }
    .servicePage .wrapper { flex-direction: column; }
    .servicesPage .com-content-category-blog__items { padding: 0; }
    
    footer { margin-top: 4em; }

    .itemid-123 .page-header.imgBg img,
    .itemid-104 .page-header.imgBg img { object-position: 35% 50%; } 
    .itemid-131 .page-header img { object-position: 100% 50%; } 
    .itemid-132 .page-header img { object-position: 0% 50%; } 
    .itemid-138 .page-header img { object-position: 70% 50%; } 
    .itemid-125 .page-header img { object-position: 15% 50%; } 

}

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

    .hero1 { height: 100vh; }
    .imgBg.vimeo iframe { height: calc(100vw / 1.777777); width: 100vw; }
    .servicePage .servicesSlider li { width: calc(25% - 1em); padding-bottom: calc(25% - 1em); }
    .mainMenu a { padding: 0.3em 1em; }
}

@media screen and (max-width:800px) {
	.mobile { display: block; }
    .banneritem h1 { font-size: 1.5em; }
	.banneritem h2 { font-size: 2em; padding-left: 0; }
	.header,
	.mainHeader { height: 60px; }
    .userIcon { top: 32px; }
	.header .logo svg { width: 150px; height: 55px; }
	.mobileMenu { top: 0; margin-top: 0; }
	.mainMenu a,
	.mainMenu .separator { font-size: 1em; }
	.banneritem .text { width: 100%; }
	.homeWhat { padding: 2em; }
	.homeWhat ul { display: block; }
	.homeWhat li { padding: 0; }
	.homeQuote p:before { font-size: 10em; }
	.homeQuote p:before { font-size: 6em; }
	.homeServices ul { display: block; }
	.homeServices li { margin: 3em auto; min-width: auto; max-width: initial; width: 100%; }
	.homeSaid ul { display: block; }
	.homeSaid li { margin: 2em auto; }
	.homeProgress ul { display: block; }
	.homeProgress li { margin: 2em auto; max-width: 400px; }
	.homeInstructor { align-items: center; justify-content: flex-start; flex-direction: column; }
	.homeInstructor .title { margin: 0; width: 70%; margin-bottom: 4em; }
	.homeInstructor .content { width: 100%; order: 2; padding: 0 2em; }
	.homeInstructor h2 { padding: 0; }
	.homeContact h2 { position: relative; left: auto; top: auto; margin: 0 0 1em; text-align: center; }

	.modalWrapper .modalContent { width: 90%; padding: 20px; padding: 0; }
	.modalWrapper .moduletable { height: 100%; overflow: hidden; overflow-y: auto; padding: 0 20px;}
	
	.header .lang { position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; visibility: hidden; transition: 0s; transition-delay: 0s; }
	.menuOpened .header .lang { opacity: 1; visibility: visible; transition: 0.4s; transition-delay: 0.6s; }
	.header div.mod-languages ul { padding: 1em; }

    .iconsWrapper h3 { font-size: 1.6em; }
    
	.control-group,
	.cf-control-group { margin-bottom: 0.51em; }
	
	.homeServices .mod-articles-category-introtext ul { display: inline-block; }

    .blogArticles .mainContent { padding-top: 60px; }
    .authorDetails { display: block; }
    .authorPhoto { width: 100%; padding-bottom: 100%; margin-right: 0; margin-bottom: 2em; }
    .authorDescription { width: 100%; }
    
    .banneritem { padding: 0; }
    .banneritem .textWrapper { width: 100%; padding: 2em; box-sizing: border-box; padding-top: 50vh; }
    
    .articlePreview { padding: 0 2em 2em; }
    
    .aboutPage .com-content-article { display: block; }
    .aboutPage .com-content-article__body { width: 100%; padding-right: 0; }
    .aboutPage .item-image { width: 100%; order: 2; }
    .timeline ul { display: block; padding-left: 3em; }
    .timeline ul:before  { left: 0; }
    .timeline ul:after { display: none; }
    .timeline li { width: 100%; padding: 0 0 1em; text-align: left; }
    .timeline li:nth-child(even) { text-align: left; padding: 0 0 1em; }
    .timeline li:last-child { padding: 0; }
    .timeline li:before,
    .timeline li:nth-child(even):before { left: 0; margin-left: -3.8em; width: 2em; height: 2em; top: 0; right: auto; }
    .timeline li:nth-child(even) { padding-left: 0; padding-right: 0; }
    .timeline li:after { display: none; }
    .timeline li:before { outline: none; }
    
    
    .blog-item { display: block; }
    .blog-item .item-image { width: 100%; height: 50vw; border-radius: 0; }
    .com-content-category-blog__items .blog-item:nth-child(even) h2,
    .com-content-category-blog__items .blog-item h2 { font-size: 1.52em; margin-top: 0; position: relative; }
    .com-content-category-blog__items .blog-item:nth-child(even) h2 a { color: #ffffff; }
    
    .articlePreview .textWrapper + .imgWrapper { display: none; }
    .articlePreview .imgWrapper img { width: 100%; }
    .caption { width: 70%; margin: 0 0 2em auto; text-align: right; }
    
    .servicesPage .com-content-category-blog__items .com-content-category-blog__item  { width: calc(50% - 1em); padding-bottom: calc(50% - 1em); }
    
    .subMenu { overflow: hidden; overflow-x: auto; }
    .subMenu > ul { white-space: nowrap; }

    .subMenu ul { display: block; margin: 0; padding: 0; }
    .subMenu li,
    .subMenu li.current,
    .subMenu > ul > li.active { margin-left: 0; display: block; }
    .subMenu a,
    .subMenu li a,
    .subMenu > ul > li.active { display: inline-block; }
    
}    

/*--Plug in overides--*/
@media (orientation: portrait) {

}