@media (min-width:320px) and (max-width:768px) {

	div#project-gallery {
		overflow:scroll;
		padding: 0;
	}
  #schedule .col-12 {padding: 0 !important;}
  #calendar {margin-top: 30px;}
  .part.col-md-12 {padding: 0;}
	
	section#portfolio {
		height:auto;
		backface-visibility:visible;
		transform:initial;
		transform-style:unset;
		padding-top:21%;
	}
	.portfolio-nav {
		margin-bottom:20px;
		padding:0;
	}
	.portfolio-nav ul li span {
		padding:0px 0!important;
		font-size:13.1px;
	}
	section#services {
		height:100%;
	}
	section#services .heading-details .heading {
		font-size:32px;
		padding-top:73px;
		margin-bottom:0px;
	}
	.heading-details .heading {
		font-size:32px;
		margin-top:15px!important;
		margin-bottom:6px!important;
		margin-top:20px;
	}
	.row.production-row {
		height:68vh;
		overflow-y:scroll;
	}
	#about .button-download {
		display:none;
	}
	.skills h5 {
		font-size: 10px !important;
	}
}

@media screen and (max-width:991px) {
  .site-nav {padding-bottom: 15px;  overflow-y: scroll;}
	.banner .me {
		opacity:0.4 !important;
		width: 80vw;
	}
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {padding-left: 15px; padding-right: 15pxs;}
  .m_none {display: none !important;}
  .pc_none {display: block !important;}
  .site-nav {width: 110px; left: -110px;}
  .site-main-menu li:first-child a {min-height: 100px;}
  .logo>.logo-text img { max-width: 35px;}
  .site-main-menu li.active>a {background: #222;}
  .site-main-menu li>a i {color: #bbb;}
  .site-main-menu li>a {color: #eee;}
  .left-about {margin-bottom: 30px; padding: 0;}
  .image {padding: 0;}
  .lt .lt_title {padding: 0; font-size: 15px;}
  .lt ul li,
  .lt ul li a {font-size: 13px;}
	.pt-page {padding-top: 70px;}
  .bg-video { height: calc(100% + 70px);}
	.main-left {
		padding:0;
	}
	.header-left {
		width:100%;
		height:70px;
		min-height:auto;
		position:fixed;
		display:flex;
		align-items:center;
    background: #111;
		justify-content:space-between;
		border-bottom: 1px solid #585858;
        box-shadow: rgba(0, 0, 0, 0.4) 0px 5px 5px -2px;
	}
	.logo {
		width:80px;
		height:70px;
		z-index:9;
	}
	.site-nav {
		position:fixed;
		top:0;
		height:100vh;
		background-color:#404143;
		box-shadow:rgba(0,0,0,0.2) 0px 2px 7px -2px;
		transition:all 0.3s ease-in-out;
    z-index: 99;
	}
	.site-nav.active {
		left:0;
	}
	.sidemenu_btn {
		display:inline-block;
    position: absolute;
        right: 0;
	}
}
@media (max-width:767px) {
	.mainBox .lead {font-size: 14px;}
	.mainBox .main_logo {max-width: 280px;}
	.mainBox {width: 95%; padding-right: 15px; padding-left: 15px;}
  footer {margin-top:0 !important;}
  .box {padding-top: 0;}
  .fc .fc-toolbar-title {font-size:1.2em ;}
  .left-about p {font-size: 14px;line-height: 24px;}
	.text-table  h4 {font-size: 20px;font-weight: bold;}
	.package_table th, .package_table td, .price_table th, .price_table td {font-size: 14px;}
	.coupon .note {margin: 0;}
	.text-center {padding: 0;}
  .equipment_banner,
  .schedule_banner,
  .reservation_banner,
	.guide_banner {font-size: 1.1em;padding: 0px 15px; height: 200px;}
  .equipment_banner h2,
  .schedule_banner h2,
  .reservation_banner h2,
	.guide_banner h2 {font-size: 1.1em; }
  .equipment_banner p,
  .schedule_banner p,
  .reservation_banner p,
	.guide_banner p {font-size: 0.7em; }

	
	.price_table_wrap p {font-size: 12px;}
	.heading-details .heading:before {height: 3px; width: 15px; margin-bottom: 12px; margin-right: 10px;}
		.heading-details .heading:after {height: 3px;	width: 15px;	margin-bottom: 12px;	margin-left: 10px;}
	.guide_text {padding: 10px 5px;}
	.banner .box h1 {
		font-size:50px;
	}
	.banner .box .lead {
		font-size:13px;
		margin-bottom:15px;
	}
	.banner .box h6 {
		font-size:14px;
		margin:0 0 10px;
	}
	.box .desc {
		font-size:13px;
	}
	.banner .top-fixed {
		display:none !important;
	}
	.text,.typed-cursor {
		font-size:1.2rem !important;
	}
  .mainTextWrap{
    height: 40px;
  }
  .mainBox
  .mainBox h6 {font-size: 14px;}
  .primary {
    color:#000;
    font-size: 1.5rem;
  }
  .mainBox .desc {font-size: 14px;}
	.btn-bar a {
		font-size:14px;
	}
}


@media (max-width:580px) {
  .mainBox .desc { margin: 10px 0px;}
  .site-main-menu li>a {font-size: 14px;border-bottom: 1px solid #111;}
  .site-main-menu li>a i {font-size: 36px !important;}
  .site-nav {width: 150px; left: -150px;}
  .mainBox .lead {margin: 15px 0px 0px 0px;}
	.mainBox .lead li {width: 50%; margin-bottom: 5px;}
	.mainBox .lead li:nth-child(2n):after {display: none;}

}