/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1300px) {
	
	.site-logo {
    width: 200px;
}

.primary-menu ul.nav-ul li.nav-li:last-child>a {
   
    margin: 0 0 0 0px;
}
}

/*===================================================================
	Max 1199px
===================================================================*/
@media (max-width: 1199px) {
	
	.intro-text span{
		font-size:90px;
		    line-height: 100px;
	}
	
	.logo-wrapper {
   		 margin-bottom: 40px;
    }
	
	.primary-menu ul.nav-ul li.nav-li>a {
			margin: 0px 35px 0 0;
		}
		
		.site-logo{
			width:200px;
		}
	.banner-wrapper .carousel-caption h2 {
		font-size: 80px;
	}
	
	.banner-wrapper .carousel-caption {
		text-align: center;
		left: 0;
		right: 0;
	}
	
	.banner-wrapper .carousel-caption h2 {
			text-align: center;
			margin-bottom: 5px;
		}
		
	.banner-wrapper .carousel-caption p{
		margin-bottom:10px;	
	}
	
	.btn-fill {
    padding: 15px 26px;
    font-size: 16px;
    color: #fff;
}
.event-wrapper {
    padding: 0px 15px;
}
.event-tittle .left h2 {
     font-size: 30px;
}

.event-tittle .left {
    width: 100%;
	text-align: center;
	margin: 0 0 30px 0;
   
}

.event-tittle .right {
    width: 100%;
    display: flex;
    justify-content: center;
}

.event-tittle .left h2 {
    font-size: 30px;
   
}
.video-wrapper .right h3 {
    font-size: 30px;
}
.about-tittle h2 {
    font-size: 47px;
	margin-bottom: 15px;
}

.about-tittle p {
    font-size: 14px;
  
}
.about-wrapper {
    padding: 125px 50px;
}
.produtcs-tittle h2 {
     font-size: 60px;
}

.produtcs-wrapper {
    padding: 0 50px;
}
.item-meta a {
    font-size: 20px;
}

.categories-wrapper {
    padding: 0 50px;
}
.cat-wrapper .cat-tittle h2 {
    font-size: 25px;
}
.newsletter-wrapper h2 {
    font-size: 60px;
}
.newsletter-wrapper p {
   font-size: 16px;
}
.footer-wrapper .footer-info h2 {
    font-size: 40px;
}

.countdown ul li {
   width: 75px;
}
.countdown ul li span {
    font-size: 25px;
}

.video-wrapper .left {
    width: 320px;
    
    margin: 0 auto;
    float: none;
}
.video-wrapper .right {
    float: none;
    width: 100%;
    text-align: center;
    margin: 7px 0 0 0;
}
.menu-button {
    display: block;
       
}
.primary-menu ul.nav-ul li.nav-li>a {
    margin: 0;
    color: #333;
    font-size: 16px;
    display: block;
}
.primary-menu {
		    background: #353535;
		height: 100vh;
		position: fixed;
		width: 300px;
		bottom: 0;
		left: -300px;
		display: block;
		top: 0;
		transition: all 0.6s;
		z-index: 99;
		box-shadow: 1px 3px 10px 0 rgb(0 0 0 / 15%);
	}
		.panel-active .primary-menu{
		left: 0;
		-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
	}

	.primary-menu ul.nav-ul li.nav-li {
		float: none;
		box-shadow: inset 0 -1px rgb(0 0 0 / 15%);
		
	}
	body.menu-open {
		overflow: hidden !important;
		padding: 0 !important;
	}
	.primary-menu ul.nav-ul li.nav-li:hover {
		background: rgba(0, 0, 0, 0.2);
		
		color: #fff;
	}

	.primary-menu ul.nav-ul li.nav-li>a:hover{
		border-bottom: none !important;
		color: #fff;
	}
	.primary-menu ul.nav-ul li.nav-li>a {
    margin: 0;
	    font-family: 'Noto Sans JP', sans-serif;
    color: #fff;
    font-size: 16px;
    display: block;
	padding: 17px 30px;
}
.primary-menu ul.nav-ul li.nav-li:last-child>a {
   background:none;
   font-size:16px;
   margin:0;
   padding:0;
       text-transform: capitalize;
	   padding: 17px 30px;
}
.primary-menu ul.nav-ul li.nav-li>a:after {
    background:none;
}

.main-header {
     height: 80px;
}

.about-content .about-intro {
   
    margin-top: 100px;
}
.about-content {
    
    padding: 0 130px 100px 130px;

}
.produts-bar {
    padding: 0 50px;
}

.events-tittle h2 {
    font-size: 50px;
}

.contact-details {
    margin: 50px 0 0 0;
}

}



/*===================================================================
	Max 991px  
===================================================================*/
@media (max-width: 991px) {
	.main-header {
	
    position: static;

    height: 70px;
}
	
.intro-text span {
        font-size: 60px;
    line-height: 75px;
}
.logo-wrapper {
    margin-bottom: 20px;
}



.banner-wrapper .carousel-caption h2 {
    font-size: 40px;
}

.banner-wrapper .carousel-caption h2 {
   line-height: 52px;
}

.socail-media{
	display:none;	
}

.event-tittle .left {
    width: 100%;
	    text-align: center;
		margin: 0 0 7px 0;
}
.event-tittle .right {
    width: 100%;
	    margin: 20px 0 0 0;
}
.video-wrapper .left {
     width: 100%;
	     margin: 0 0px 10px 0;

}
.video-wrapper .right {
    width: 100%;
}

.about-tittle {
    text-align: center;
}
.about-wrapper {
    padding: 100px 30px;
}
.about-logo {
    margin: 50px 0 0 0;
}

.item-wrap {
   
    margin-bottom: 30px;
}

.categories-wrapper {
    margin-top: 30px;
}

.footer-wrapper .footer-info {
    text-align: center;
	margin-bottom: 30px;
}

.footer-wrapper .footer-info h2 {
    font-size: 35px;
	margin-bottom:10px;
}

.banner-wrapper .carousel-caption p {
    font-size: 14px;
    font-weight: 400;
}
.btn-fill {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 12px;
	padding: 9px 20px;
	text-transform:capitalize;
}
.footer-copyright .copyright-tittle {
    margin: 10px 0 0 0;
    text-align: center;
}

.about-tittle h2 {
    font-size: 25px;
	line-height: 40px;
}
.produtcs-tittle h2 {
    font-size: 30px;
}
.newsletter-wrapper h2 {
    font-size: 30px;
}
.cat-wrapper .cat-tittle a {
    ont-size: 16px;
    padding: 10px 20px;
}
h2 {
    font-size: 20px;
}
.cat-wrapper .cat-tittle {
    bottom: 30px;
    left: 40px;
}
.footer-wrapper .footer-info h2 {
    font-size: 25px;
   line-height:35px
}

.footer-wrapper .footer-info ul li {
       font-size: 25px;
}

.event-tittle .right {
  
    display: flex;
	justify-content: center;
}

.event-tittle {
    
    padding: 127px 0;
}

.news-wrapper {
     height: 350px;
}
.footer-copyright .social-media {
    float: none;
    text-align: center;
    margin: 20px 0 0 0;
}
.footer-copyright {
    background-color: #131313;
    padding: 8px 50px;
}

.about-content {
    padding: 0 30px 100px 30px;
}
.next-banner .page-title h2 {
    font-size: 50px;
}
.next-banner {
     height: 300px;
}
.about-content .about-intro .intro-icon {
    height: 70px;
    width: 70px;
}
.about-content .about-intro .intro-icon i {
    font-size: 25px;
    
}
.produts-bar {
    padding: 0 30px;
}
.produtcs-wrapper {
    padding: 0 30px;
}

.filter-control .form-control {
   
      min-width: 90px;
}

.events-tittle h2 {
    font-size: 40px;
}

.event-post{
	margin-bottom:30px;
}

.contact-wrap .contact-tittle h4 {
    font-size: 30px;
}

.contact-wrap .contact-tittle p {
    font-size: 14px;
}
.product-view {
    height: auto;
    display: block;
	margin-bottom:30px;
}
}




/*===================================================================
	Max 768px  
===================================================================*/

@media (max-width: 768px) {
	
	.btn-fill {
    padding: 3px 12px;
    
}
.banner-wrapper .carousel-caption p{
	    font-size: 9px;
		text-transform: capitalize;
		margin-bottom: 5px;
}
	.event-wrapper{
		background: #1d1d1d;
		text-align: center;
	}

	.intro-text span {
        font-size: 30px;
    line-height: 40px;
}
.logo-wrapper {
    margin-bottom: 20px;
}
.sticky.main-header {
    height: 60px;
}
.top-link ul li:last-child {
    margin: 0;
    display: none;
}

.btn-fill {
    
    font-size: 11px;
    color: #fff;
}
.banner-wrapper .carousel-caption h2 {
        font-size: 20px;
    line-height: 15px;
}
.top-wrapper {
    padding: 0 30px;
}
.main-header {
   
    padding: 0 30px;
}

.footer-wrapper {
    padding: 40px 30px;
}
.footer-link {
    margin-bottom: 30px;
	text-align:center;
}

.countdown ul li {
    width: 70px;
    height: 70px;
    
}
.countdown ul li span {
    font-size: 23px;
}
.event-tittle {
    padding: 45px 0;
}
.input-group {
    display: block;
    width: 100%;
    margin: 30px auto 0;
}

.input-group .form-control {
    height: 50px;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
.search_btn {
    height: 50px;
	margin: 24px 0 0 0;
}
.enter-btn a {
    line-height: 57px;
   
    font-size: 18px;
   
    padding-left: 40px;
    padding-right: 40px;
   
}
.next-banner {
    background: url(../img/slider.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.next-banner .page-title h2 {
    font-size: 40px;
}

.next-banner .page-title ul li {
    font-size: 14px;
}

.event-content h2 {
     font-size: 20px;
}


.event-content p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #8e8e8e;
    font-family: 'Noto Sans', sans-serif;
    line-height: 30px;
    margin-bottom: 26px;
}

.modal {
  text-align: left;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: block;
  height: auto;
  vertical-align: inherit;
  margin-right: -4px;
}

.modal-dialog {
  display: block;
  text-align: left;
  vertical-align: inherit;
}
}