@media only screen and (min-width:1281px) and (max-width:1499px) {
	.grid li {width: 25%;}
	.other-page .grid li {width: 33.33%;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
	.header-main {
	    max-width: 100%;
	}
	.header-main .mail-menu ul li a {
	    padding: 10px 18px;
	}
	.header-main .logo img {
	    max-width: 220px;
	}
	.header-main .mail-menu ul {
	    padding: 16px 0px 0px;
	}
	.page-content {
	    padding-top: 117px;
	}

	.grid li {width: 25%;}
	.other-page .grid li {width: 33.33%;}
	
	.footer-panel.panel-2 {padding-right: 20px;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	h1 {
	    font-size: 40px;
	}
	.title-panel {
	    padding-top: 70px;
	    padding-bottom: 70px;
	}
	.page-content {
	    padding-top: 0px;
	}
	#fixHeader {
	    position: static;
	}
	.header-main {
	    display: flex;
	    max-width: 100%;
	    margin: 0px auto;
	    padding: 15px 0px 5px;
	}
	.header-main .col-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.header-main .mail-menu {
	    position: absolute;
	    left: 0px;
	    top: 89px;
	    padding: 0px;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
    	max-width: 100%;
	}
	.header-main .logo img {
	    max-width: 220px;
	}
	.header-main .logo a {
		display: inline-block;
	}
	.header-main .mail-menu ul {
	    padding: 16px 0px 0px;
	}
	.header-main .mail-menu ul li a {
	    color: #000000;
	}
	.white-logo {
		display: none;
	}
	.black-logo {
	    opacity: 1;
	    visibility: visible;
	    height: auto;
	}
	.header-main .mail-menu ul li {
	    padding-bottom: 14px;
	    padding-left: 0px;
	}
	.header-main .wrapper{padding: 0px;}
	/*.sticky + main {padding-top: 165px;}*/
	
	.service-section .service-pnl {width: calc(33.33% - 30px); margin: 15px;}
	
	.grid li {width: 33.33%;}
	.mySwiper {
	    height: 60vh;
	}
	.home-page img {
	    height: 60vh !important;
	}
	.about-us .col-2 {
    	-ms-flex: 0 0 30%;
	    flex: 0 0 30%;
	    max-width: 30%;
	}
	.about-us .col-10 {
    	-ms-flex: 0 0 70%;
	    flex: 0 0 70%;
	    max-width: 70%;
	}
	
	.package-section .package-panel .col-3 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.package-section .heading {font-size: 19px; padding: 20px;}
	.package-section .package-panel .package-pnl {width: 100%; float: none;}
	.package-section .package-panel .package-pnl ul {
	    margin: 0px;
	    padding: 34px;
	    list-style: none;
	}

	.top-content {
	    max-width: 100%;
	}
	.top-content h2 {
	    padding: 0px;
	}
	.video-panel .video .video-icon {
	    font-size: 70px;
	}
	
	.footer-panel.panel-2 {padding-right: 20px;}
	.footer-panel ul li {line-height: 20px; padding-bottom: 7px;}
	.social-icons {
	    top: 45%;
	}
}
@media only screen and (max-width:992px){
	.casting-page {
	    padding: 0px 0px 30px 0px;
	}
	.casting-page h2{
		font-size: 30px;
	}
	.casting-page .content-pnl .text {
	    padding: 0px 0px;
	}
}
@media only screen and (max-width:767px){
	h1 {
	    font-size: 35px;
	}
	.title-panel {
	    padding-top: 65px;
	    padding-bottom: 65px;
	}
	.page-content {
	    padding-top: 0px;
	}
	#fixHeader {
	    position: static;
	}
	.header-main {
	    display: flex;
	    max-width: 100%;
	    margin: 0px auto;
	    padding: 15px 0px 5px;
	}
	footer .col-6,
	.header-main .col-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.header-main .mail-menu {
	    position: absolute;
	    left: 0px;
	    top: 89px;
	    padding: 0px;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
    	max-width: 100%;
	}
	.right-logo{display: none;}
	.sticky .header-main .logo img,
	.header-main .logo img {
	    max-width: 190px;
	}
	.header-main .logo a {
		display: inline-block;
	}
	.header-main .mail-menu ul {
	    padding: 16px 0px 0px;
	}
	.header-main .mail-menu ul li a {
	    color: #000000;
	}
	.white-logo {
		display: none;
	}
	.black-logo {
	    opacity: 1;
	    visibility: visible;
	    height: auto;
	}
	.header-main .mail-menu ul li {
	    padding-bottom: 14px;
	    padding-left: 0px;
	}
	#cssmenu ul {
	    top: 9px;
	}
	.header-main .wrapper{padding: 0px;}
	/*.sticky + main {padding-top: 165px;}*/
	
	.service-section .service-pnl {width: calc(33.33% - 30px); margin: 15px;}
	
	.grid li {width: 33.33%;}
	.mySwiper {
	    height: 60vh;
	}
	.home-page img {
	    height: 60vh !important;
	}
	.head-top .h-left {width:calc(100% - 100px);}
	.head-top .h-right {width: 100px;}
	.head-top .h-right .social-icon a {margin: 0 7px;}
	
	.header-main .logo {max-width: 250px;}
	.header-main .wrapper{padding: 0px;}
	.header-main .tagline {letter-spacing: 0rem; font-size: 0.60rem; padding: 0px 15px; line-height: 15px;}
	/*.sticky + main {padding-top: 120px;}*/
	
	/*.menubutton, .sticky .menubutton,
	.menubutton.menu-opened, .sticky .menubutton.menu-opened{top: -100px;}*/
	
	.service-section .service-panel {padding: 0px 15px;}
	.service-section .service-pnl {width: calc(50% - 30px); margin: 15px;}
	.service-section.port .service-pnl {width: calc(100% - 30px);}
	
	.gallery-tiles.home {max-height: inherit; overflow: visible;}
	.grid li {width: 50%;}
	
	.about-us .col-2,
	.about-us .col-10 {
    	-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.contact-lft {width: 100%; float: none; padding-right: 0px;}
	.contact-rgt {width: 100%; float: none; padding-top: 30px;}
	
	.package-section .package-panel .col-3 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}	
	.package-section .heading {font-size: 19px; padding: 20px;}
	.package-section .package-panel .package-pnl {width: 100%; float: none;}
	.package-section .package-panel .package-pnl ul {padding: 28px;	}

	.top-content {
	    max-width: 100%;
	}
	.top-content h2 {
	    padding: 0px;
	}
	.video-panel .video .video-icon {
	    font-size: 60px;
	}
	.video-panel .col-6,
	.kids-panel .col-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding-bottom: 20px;
	}
	.package-section .col-8{
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.footer-panel.panel-1 {width: 50%; padding-right: 10px}
	.footer-panel.panel-2 {padding-right: 0px; padding-left: 10px; width: 50%}
	.footer-panel.panel-3 {width: 50%; padding-right: 10px; padding-top: 20px;}
	.footer-panel.panel-4 {width: 50%; padding-left: 10px; padding-top: 0px; padding-bottom: 20px;}
	.footer-panel ul li {line-height: 20px; padding-bottom: 7px;}
	
	.footer-logo {
	    max-width: 250px;
	    padding-bottom: 20px;
	    margin: 0px auto;
	}
	footer .col-6{
		text-align: center;
	}
	.footer-bottom .copyright {max-width: 100%;}
	.social-icons {
	    top: 45%;
	}
	.parallax-scene{
		display: none;
	}
	#googlewidgetholder{
		display: none;
	}
	.casting-page .col-6 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}
@media only screen and (max-width:550px){	
	.header-main .logo {max-width: 250px; margin: initial; padding-left: 15px;}
	.header-main .tagline {text-align: left;}
	
	.grid li {width: 100%;}
	.package-section .col-8,
	.package-section .package-panel .packagepanel {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.footer-panel.panel-1 {width: 100%; padding-right: 0px}
	.footer-panel.panel-2 {padding-right: 0px; padding-left: 0px; padding-top: 20px; width: 100%}
	.footer-panel.panel-3 {width: 100%; padding-right: 0px; padding-top: 20px;}
	.footer-panel.panel-4 {width: 100%; padding-left: 0px; padding-top: 20px;}
}