@media only screen and (max-width: 7000px){
	.page-wrapper{
		overflow: hidden;
	}
}

@media only screen and (max-width: 1650px){
	
	.fixed-page-title {
		width:27%;	
	}
}

@media only screen and (max-width: 1900px){
	.main-header .social-links{
		margin-left:30px;	
	}
	
	.fixed-left-column .title{
		font-size:80px;	
	}
	
	.small-container{
    padding: 0px 29px;
	}
	.banner-section h1 {
		letter-spacing: 10px;
	}
	.news-block-one .date {
		position: relative;
	}
}

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

@media only screen and (max-width: 1200px){
	.main-header .social-links{
		display:none;
	}
	
	.banner-section h1 {
		font-size:60px;	
	}
	
	.left-fixed-text {
		display: none;
	}

	.wrapper-box {
		left: 100px;
	}

	.banner-section .content-box .inner {
		padding: 0;
	}

	.bottom-panel .text-content {
		display: none;
	}

}

@media only screen and (min-width: 1072px){
	.mobile-menu .menu-box {
		display: none;
	}
	.mobile-menu {
		pointer-events: none;
	}
}

@media only screen and (max-width: 1199px){
	.fixed-page-title,
	.search-box {
		display: none;
	}
	
}

@media only screen and (max-width: 1100px){
	.bottom-panel-three .text-content-three {
		display: none;
	}
}

@media only screen and (max-width: 991px){
	.content-container {
		margin-right: 0px;
	}

	.im {
    max-height: 100%;
    min-height: 100%;
    /* overflow: hidden; */
    /* height: 16%; */
}
	.banner-section-two .content-box .inner .text br,
	.banner-section-three .content-box .inner .text br,
	.banner-section-four .content-box .inner .text br {
		display: none;
	}
}


@media only screen and (max-width: 1198px){
.content-container{
	position: relative;
    /* margin-right: 100px; */
    /* margin-left: 500px; */
    width: 100%;
    float: none;
    padding-right: 5%;
        padding-left: 5%;

}
}


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

	

	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}
@media only screen and (max-width: 768px){
.im {
    max-height: 700px!important;
    min-height: auto!important;
    overflow: hidden;
}

.button{
      display: inline-block;
    position: relative;
    background: none;
    border: none;
    color: #000;
    font-size: 23px;
    cursor: pointer;
    margin: 20px 0px!important;
    background: rgb(209 182 116);
    font-weight: 700;
}
}

@media only screen and (max-width: 1092px){
.right {
    /* float: right; */
    /* border: 1px solid #19546e; */
    padding: 11px 59px;
    /* margin-top: 62px; */
    position: relative;
    z-index: 99999;
    /* margin-bottom: 31px; */
    /* bottom: -17px; */
    /* top: 0; */
    position: fixed;
    top: -46px!important;
    right: 16px!important;
        padding: 5px 26px!important;

    background: #c69f3b;
}
.left-panel {
    left: 0;
    top: 85px;
    width: 5%!important;

}


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


	.play-btn {
    width: 50px;
    height: 50px;

}
	
.shisha{
    width: 30px!important;
    border-radius: 50px;" 
   }
	.play-btn::after {
    content: "";
    position: absolute;
    left: 49%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 15px solid #fff;
    z-index: 100;
    -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
		
	}
	
	.main-header .logo img{
		width:auto;
		max-width:100%;
	}
	
	.main-header .nav-outer{
		padding:0px;
		text-align:right;
	}

	.bottom-panel .link-btn {
		display: none;
	}

	.swiper-counter {
		display: none;
	}

	.right-panel {
		display: none;
	}

	.bottom-panel-three {
		right: 0;
	}

	.wrapper-box {
		right: 0;
	}

	.content-container-two {
		margin-right: 0px;
	}
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,.1);
    border: none!important;
}
@media only screen and (max-width: 767px){
	.a {
    display: block;
   
}

	.about-section .content-container {
    position: relative;
    padding-top: 90px!important;
}
	.two{
		display: n;
	}
	
	
	.banner-carousel .slide-item.style-two .content-box .inner{
		margin:0 20px;
	}
	.wrapper-box {
		left: 0;
		right: 0;
	}
	.banner-slider-pagination {
		display: none;
	}
	.banner-slider-control,
	.bottom-panel {
		height: 60px;
		line-height: 60px;
	}
	.bottom-panel {
		left: 0;
	}
	.left-panel {
		display: none;
	}
	.bottom-panel-three {
		left: 0;
	}
	.mobile-menu .menu-box {
		bottom: 0;
		padding-left: 0px;
	}
	.wrapper-box.style-two {
		left: 0px;
	}
	.bottom-panel-two {
		left: 0;
		right: 0;
	}
	.content-container {
		margin-left: 0px;
	}
	.banner-section-three .content-box .inner h1 {
		text-align: center;
	}
	.content-container-two {
		margin-left: 0px;
	}

	.filters {
		display: none;
	}

	.mobile-none {
		display: none;
	}
}
.ct-fancybox-hover{
width: 100%;
}

.vc_row{
	position: relative;
    box-sizing: border-box;
    width: 100%;    padding-right: 2%!important;
    padding-left: 2%!important;
    }


    


@media only screen and (max-width: 1300px){
.link-btn{
display: none!important;
}
}
@media only screen and (max-width: 599px){

	
	.contact-info .contact-info-block .inner-box {
    
    padding: 8%!important;
    line-height: 24px;
}
	.banner-section-three .content-box {
     position: unset; 
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* padding-left: 25px; */
    /* padding-right: 25px; */
    display: block!important;
}

	.contact-info .contact-info-block h4 {
    font-size: 17px;
}


	.mb{
		height: 400px!important;
	}
.banner-slider-nav {
    
    width: 100%;
}
	
h1{
	color: white;
    font-weight: 100!important;
    font-size: 35!important;
    font-weight: 500!important;
}



		.three-item-carousel, .banner-slider {
    position: relative;
   
}

	

#fly-in {
  font-size: 82px!important;
  margin: 18vh auto!important;
  height: 10vh; 
  text-transform: uppercase;
}


	.project-info li {
    font-size: 14px;
    font-weight: 500;
    margin: 19px 0;
    color: #fff;
    line-height: 28px;
}

	.sec-title h5 {
   
    font-size: 19px;
}



.contact-info .contact-info-block .inner-box {
    position: relative;
    background: #bfc1cb;
    padding: 34px;
}

.contact-info .contact-info-block h4 {
    font-size: 14px;
}
.small-container {
    padding: 3% 1%!important;
       

}
.mobile{
	width: 100%;
    padding: 0px;
    padding-top: 88px!important;
}
	.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
    float: left;
    font-size: 17px;
}
	.navbar-toggler {
    padding: 2.25rem 0.75rem!important;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 25px;
    line-height: 1;
    background-color: transparent;
    border: none;
    /* border-radius: 0.25rem; */
}
.btn:hover, button:hover, .button:hover, input[type=submit]:hover, .btn:focus, button:focus, .button:focus, input[type=submit]:focus, .btn:active, button:active, .button:active, input[type=submit]:active {
    outline: none;
    text-decoration: none;
    color: #fff;
    background-color: transparent!important;
}


.vc_row{
	position: relative;
    box-sizing: border-box;
    width: 100%;    padding-right: 2%;
    padding-left: 1%!important;
    }
	.about-section .image-box .image-content {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 24px;
    font-weight: 600;
    color: #fff!important;
    padding: 8px 16px;
    background: var(--theme-color);
}


	.banner-section h1 {
	    font-size: 40px;
	    letter-spacing: 5px;
	    font-weight: 600;
	    margin-bottom: 20px;
	}

	.banner-section {
    position: relative;
    height: 400px!important;
}
ul.menu {
    list-style: none;
    margin: 0;
    width: 100%;
}

	.ct-fancybox-hover {
    width: 100%;
    text-align: center;
}
	.banner-section .link-box {
		margin-top: 0px;
	}
	.mobile-menu {
		width: 50%;
	}
	.banner-section-two .content-box .inner h1,
	.banner-section-three .content-box .inner h1,
	.banner-section-four .content-box .inner h1 {
		font-size: 50px;
		line-height: 50px;
	}

	.dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #0f4d78!important;
    position: relative;
    font-size: 18px;
    perspective: 1000px;
    z-index: 100;
    width: 100%;
}
.social-icon-two li {
    position: relative;
      margin-bottom: -12px;

    text-align: center;
}
h2{
	font-size: 25px !important;
}
}

@media only screen and (max-width: 499px) {
	.main-header .header-upper .logo-box {
		padding: 18.5px 50px;
	}
	.navbar-btn-wrap {
		padding: 16px 20px;
	}
	.mobile-menu .menu-box{
		top: 70px;
	}
}



@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #fff;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%; }
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }

}