@media only screen and (min-width: 1481px) {
	
	#screens-gallery .image-holder {width: 655px; flex: 0 0 655px;}
	
}

@media only screen and (min-width: 1000px) and (max-width: 1480px) {
	
	.container,
	.container-flex { width:100%; padding-left:30px; padding-right:30px; max-width:none; }
	
	#screens-gallery {margin: 0 auto; width: calc(100% - 40px); max-width: 1400px; gap: 25px; }
		#screens-gallery .image-holder {width: calc(50% - 20px);}
	
}


@media only screen and (min-width: 1000px) and (max-width: 1299px) {
	
	#book-section {background: none;}
		#book-section .container-flex {padding: 0;}
			#book-section .left-column {padding: 60px; background: url(../images/left-bg-nocode.jpg) center center / cover no-repeat;}	

	/* about */
	#partner {padding: 40px 0;}
	
	/* download */
	#ebook-hero .left-column h1 {font-size: 32px;}
	
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 999px) { 

	h1 {  }
	h2 {  }

	/*h1 br, h2 b3 {display: none;}*/
	
	.container, .container-flex {width:100%; padding-left:30px; padding-right:30px;}

	.left-column {width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 40px;}
	.right-column {width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;}
	
	.view-desktop { display:none; }
	.view-mobile { display:block; }

	/* Header styling */
	#header { padding:15px 0; }
		
		#header .menu-main-container {display: none !important;}	
	
		#header .menu-icon { font-size:28px; margin:0 0 0 auto; }
		#header .menu-icon:hover { color:#F7AD49; }
		#header-overlay { height:70px; }

		#header .mobile-menu-container { 
			padding:55px 20px; left:auto; text-align:left; color:#FFF; background:#000; height:100vh; overflow-y:auto; position:fixed; width:100%; right:-100%; top:0; z-index:10000; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; 
		}
		
		#header .mobile-menu-container nav { margin:0 0 50px 0; }
			#header .mobile-menu-container nav ul { display:block; }
			#header .mobile-menu-container nav li { margin:0 0 10px 0; display:block; }
			#header .mobile-menu-container nav li a { color:#FFF; }
			#header .mobile-menu-container nav li a:hover,
			#header .mobile-menu-container nav li.current_page_item a { color:#F7AD49; }
			#header .mobile-menu-container nav li:last-child { margin:0; }

		#header .mobile-menu-container .contact-information li:first-child a:hover { color:#FFF; background:none; }
		#header .mobile-menu-container .contact-information li a:hover { background:#FFF; color:#000; }

	/* Footer styling */
	#footer-widgets-section { padding:60px 0 30px 0; }
		#footer-widgets-section .container { flex-wrap: wrap; justify-content: flex-start;}
		.footer-widget1, .footer-widget2 {display: none;}
		#footer-widgets-section .footer-widget3 { width:100%; margin: 0 0 50px 0; }
		#footer-widgets-section .footer-widget4, #footer-widgets-section .footer-widget:last-of-type { width:100%; margin: 0; max-width: 400px;}
	#footer .container { display:block; }
		#footer p:last-child {margin: 15px 0 0 0;}
	
	/* home */
	#home-hero .right-column {margin-top: 30px;}
	#featured-boxes {padding: 60px 0;}
		#featured-boxes ul {width: calc(100% + 20px); margin: 0 -10px;}
			#featured-boxes ul li {margin: 10px; width: calc(33.333% - 20px); border-radius: 30px;}
				#featured-boxes ul li .thumbnail-holder {border-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
	.home #download .left-column {padding: 50px 0;}
	
	/* products */
	.page-template-products #download {margin-bottom: 0;}
		.page-template-products #download .left-column {margin: 0 0 40px 0;}
	
	/* Services */
	#implementation-journey ul {width: calc(100% + 20px); margin: 0 -10px;}
		#implementation-journey ul li {width: calc(50% - 20px); margin: 10px; border-radius: 30px;}
			#implementation-journey ul li .thumbnail-holder {border-radius: 30px; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
			#implementation-journey ul li h3 {font-size: 24px;}
	.page-template-services #download .left-column {margin: 40px 0; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;}
		.page-template-services #download .left-column h2 {width: 100%;}
		.page-template-services #download .left-column p {width: 100%; margin: auto;}
		.page-template-services #download .left-column .btn-holder {width: 100%; display: flex; justify-content: center;}
	.page-template-services #download .right-column {margin: 0;}

	#outro {margin-bottom: 0;}
		#outro .left-column {margin: 0 0 40px 0;}

	/* about */
	#partner {padding: 40px 0;}
	#about-gallery { padding: 60px 20px 40px 20px; overflow: visible; } /* optional: remove clipping on mobile */
		#screens-gallery {flex-direction: column; align-items: center; flex-wrap: nowrap; gap: 24px;}
		#screens-gallery .image-holder {width: 100%; max-width: 520px; flex: none; margin: 0;}
			#screens-gallery .image-holder img {display: block; width: 100%; height: auto;}
		#about-gallery-content {margin: 60px auto 0 auto;}
	
	/* Book a Demo */
	#book-section {background: none; margin-top: -10px;}
		#book-section .container-flex {padding: 0;}
			#book-section .left-column {width: 100%; padding: 30px 30px 0 30px; background: url(../images/left-bg-nocode.jpg) center center / cover no-repeat;}	
			#book-section .right-column {width: 100%; padding: 40px 30px 30px 30px;}
	
}


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

	h1 {font-size: 44px;}
		h1 br {display: none;}
	
	/* home */
	#featured-boxes ul li {width: calc(100%); margin: 10px auto;}
	
	/* Services */
	#implementation-journey ul li {width: calc(100%); margin: 10px auto;}
	
	/* contact */
	#contact-hero .left-column {padding: 0;}
	
	/* download lander */
	#ebook-hero .left-column {padding: 0;}
		#ebook-hero .left-column p {font-size: 18px;}
	#ebook-banner h2 {font-size: 24px; text-align: center;}
	
	/* about */
	#partner {padding: 40px 0;}

}


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

	h1 {font-size: 42px;}
	
	#cta .container-flex {min-height: 480px;}
		#cta h2 {font-size: 36px;}
	
	/* contact */
	#contact-hero {padding: 120px 0 0 0; }	
		#contact-hero .container-flex {padding: 0;}
			#contact-hero .left-column {padding: 0 30px;}
			#contact-hero .right-column {border-radius: 0; padding: 30px; width: 100%; margin: 0;}
	.page-template-contact #download {background:url(../images/gradient.png) center top / auto 33px repeat-x;}
		.page-template-contact #download .left-column {padding-top: 30px;}
	
	/* form */
	#ebook-hero .right-column form .submit-field input[type="submit"] { margin: 0 auto 20px auto; width: 100%; }
	
	/* download */
	.page-template-ebook-download #ebook-hero .right-column {height: auto;}
	.page-template-ebook-download #ebook-hero .left-column {padding: 0;}
	
}


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

	body {font-size: 16px;}
	
	h1 {font-size: 36px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}

	.btn {width: 100%;}
	.btn-holder .btn {margin: 0 10px 10px 0; width: 100%;}

	#footer-widgets-section {padding: 40px 0 30px 0;}
	
	#cta .container-flex {min-height: 1px;}
		#cta .inner-content {padding-top: 0;}
			#cta h2 {font-size: 24px;}
	
	/* download lander */
	#ebook-banner h2 {font-size: 18px; text-align: center;}
	#download {padding: 20px 0 40px 0;}
		#download .right-column {margin-top: 20px;}
	
}


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

	body {font-size:16px;}
	
	h1 {font-size: 32px;}
	h2 {font-size: 24px;}
	h3 {font-size: 21px;}

	.container, .container-flex {padding-left:20px; padding-right:20px;}
	
	/* home */
	#home-hero .left-column p {font-size: 21px;}
	
	/* contact */
	#contact-hero .left-column, #contact-hero .right-column {padding-left:20px; padding-right:20px;}
	
}