

@media screen and (max-width: 1200px){
	.container {width: 960px; max-width: 100%;}
	#navMenu {display: none; height: 52px; width: 100%;}
	#navButton {display: block;}
	#navMenu.mobile-menu {display: block; margin-top: 5px;}
	.site-header {background-color: rgba(0, 0, 0, 0.8); height: auto;}
	.site-header::after {display: block; margin-top: 72px;}
	.site-branding {width: 100%; padding-bottom: 8px;}
	.site-branding a img {width: 200px; padding-top: 15px;}
	.main-navigation {float: none;}
	.main-menu-container ul li a {line-height: 52px;}
}

@media screen and (max-width: 1100px){
	.page-title {padding-top: 150px;}
	.footer-icon-links ul {width: 520px;}
	.footer-first p {margin-bottom: 34px;}
}

@media screen and (max-width: 992px) {
	.footer-icons {width: 100%;}
	.footer-top .social-links, .footer-top .download, .footer-top .footer-logos {display: none;}
	.footer-bottom {display: block; padding-top: 20px;}
	.footer-contaner-full {padding-bottom: 0;}
	.pc-only-logo {display: none;}
	
	.main-menu-container ul li {width: calc(100% - 1px); padding: 3px 0; border: 1px solid #84B818; border-top: none;}
	.main-menu-container ul li a {line-height: 35px;}
	#navMenu {max-height: -webkit-fill-available; max-height: max-content; max-height: fit-content; height: auto;}
	.main-menu-container ul {width: 100%; margin-top: 3px; z-index: 999;}
	.main-menu-container {width: calc(100% + 30px); margin-left: -15px; margin-bottom: -3px;}
}

@media screen and (max-width: 860px) {
	.footer-first p {padding-right: 0;}
}

@media (max-width: 768px) {
	.footer-icons {margin-top: 25px; height: auto;}
	.footer-icon-cont {width: 306px;}
	.footer-icons .icons {position: relative;}
	.footer-icons .menu-item {position: relative; margin: 0 !important; float: left; width: 100%; left: 0 !important; top: 0 !important;}
	.footer-icons .menu-item a {width: 100%;}
	.icon-service-name {margin: 0 !important; text-align: left !important; position: relative !important; padding-top: 9px; padding-left: 10px;}
	.hexa-box {display: none;}
	.footer-top .footer-first,
	.footer-top .footer-fourth {width: 100%;}
	.footer-top .footer-second,
	.footer-top .footer-third {width: 50%;}
	.footer-top {margin-bottom: 15px; padding: 0 50px;}
	.footer-bottom {padding-left: 65px;}
	.footer-bottom .elements:first-child {padding-left: 0;}
	.all_videos .video_container {width: 100%;}
	.all_videos .video_name_line {display: none;}
	.all_videos .video_name_text {background-color: rgba(0,0,0,0.5); width: calc(100% + 30px); margin-left: -15px;}
}

@media (max-width: 690px) {
	.footer-icon-links ul {width: 200px; margin-left: 10%;}
	.footer-icon-links ul li {width: 100%; text-align: left; margin-left: 0;}
	.big_video_line_container iframe {height: 480px;}
}

@media (max-width: 580px) {
	.footer-top {padding: 0;}
	.footer-bottom {padding: 0 15px 35px;}
	.prev_next_container .next_link {float: right;}
	.prev_next_container .category {padding-top: 20px; position: absolute; width: calc(100% - 30px); font-size: 40px;}
	.prev_next_container .container {height: 100px; display: block; padding-top: 15px;}
	.prev_next_container.bottom .container {height: auto; display: block; padding-top: 0;}
}

@media (max-width: 560px) {
	.page-title {padding-top: 140px;}
	.page-title h1 {font-size: 40px; padding: 20px 0 25px;}
	.all_videos .video_container {width: 100%;}
	.big_video_line_container iframe {height: 360px;}
}

@media (max-width: 500px) {
	.footer-top .footer-second,
	.footer-top .footer-third {width: 100%;}
}

@media (max-width: 420px) {
	.big_video_line_container iframe {height: 280px;}
}

@media (max-width: 380px) {
	.main-menu-container ul li a {font-size: 16px; line-height: 30px;}
	.site-branding a img {width: 180px; padding-top: 16px;}
}

@media (max-width: 360px) {
	.big_video_line_container iframe {height: auto; margin: 30px 0;}
}

@media screen and (min-width: 1201px) {
	#navMenu {display: block !important;}
}