/*Responsive*/
@media only screen and (min-width:1600px){
}
@media only screen and (min-width:992px){
	.menu{
		float: right;
		width: 100%;
	}
    .menu-item{
        position: relative;
    }
    .menu-item .fa{
        position: absolute;
        color: #fff;
        right: -3px;
        font-size: 12px;
        top: 5px;
        z-index: 999;
    }
    .main-navigation ul {
        text-align: right;
        display: flex;
        justify-content: flex-end;
    }
    .main-navigation ul ul{
        background: rgba(0,0,0,0.8);
    }
    .main-navigation ul ul li{
        background: transparent;
        border: none;
        border-bottom:1px solid #fff;
    }
    .main-navigation ul ul li a{
        padding: 10px 15px !important
    }
    .main-navigation ul ul li a:before,
    .main-navigation ul ul li a:after,.main-navigation ul ul:after,.main-navigation ul ul:before{
        display: none !important;
    }
    .main-navigation ul ul a:before, .main-navigation ul ul  a:after{
        display: none;
    }
    .main-navigation li:hover > a, .main-navigation li.focus > a {
        color: #E40613;
    }
    .main-navigation ul ul a{
        text-align: left;
    }
    .main-navigation ul ul a {
        width: 280px;
    }
    .menu-item .fa {
        position: relative;
        color: #fff;
        right: auto;
        font-size: 12px;
        top: 3px;
        display: inline-block;
        float: right;
        left: 1px;
        display: none !important;
    }
    .menu-item li .fa{
            top: 13px;
        left: -9px;

    }
    .main-navigation a {
        padding: 0px 11px!important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .enquiry-bar{
        margin-top: 33px;
    }
    .main-navigation .sub-menu{
      top:100% !important;
    }
    .main-navigation .sub-menu .sub-menu{
      top:0px !important;
    }
    .about-left,.make-info{
        padding-left: 0px;
    }
    .about-right{
        padding-right: 0px;
    }
}
@media only screen and (max-width:991px){
	a#toggle {
    padding:10px 10px;
    width: 30px;
    height: 30px;
    color:#fff;
    background: #E40613;
    text-align: center;
    color: white;
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    position:relative;
    float: right;
    margin-left: 20px;
    transform-origin: 0 100%;
    margin-top: 0px;
    display: block;
}
#menu{
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}
#menu{
    transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -webkit-transition: all ease-out 0.3s;
    -ms-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
}

    /* width */
    #menu::-webkit-scrollbar {
    width: 10px;
    }
    /* Track */
    #menu::-webkit-scrollbar-track {
    background: #f7f7f7; 
    }
    /* Handle */
    #menu::-webkit-scrollbar-thumb {
    background: #393939; 
    }
    /* Handle on hover */
    #menu::-webkit-scrollbar-thumb:hover {
    background: #191919; 
    }
    div#overlay {
        display: block;
        visibility: hidden;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        transition: all ease-out 0.3s;
        -moz-transition: all ease-out 0.3s;
        -webkit-transition: all ease-out 0.3s;
        -ms-transition: all ease-out 0.3s;
        z-index: 9;
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity:0;
        -khtml-opacity: 0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: 100% !important;
    }
    .noscroll{
        position:fixed;
        width:100%;
        margin-top:0px;
    }
   /* #menu ul li:hover > ul{ display:none; }*/
   .main-navigation ul .toggled-on,
   .main-navigation li:hover > ul, .main-navigation li.focus > ul{
    display: none !important;
   }
   .main-navigation ul ul li {
        background-color: transparent !important;
        border: 0px solid #d1d1d1 !important;
        border-bottom-width: 0;
    }
    #menu ul li ul{
        display: none;
    }
    #menu ul li.open ul{
        visibility:visible;
        opacity: 1!important; 
        display:block!important;
        position: relative;
        left:auto !important;

    }
    #menu ul li.open ul li ul.sub-menu,
    {
        display:block!important;
        visibility:visible;opacity: 1!important; 
    }
    #menu ul li.open ul li ul.sub-menu{
        display:none!important;
    }
    #menu ul li.open ul li.open ul.sub-menu{
        display:block!important;
        visibility:visible;opacity: 1!important; 
    }
    html.open-menu { overflow: hidden; }

    html.open-menu div#overlay {
        visibility: visible;
        opacity:0.4;
        filter: alpha(opacity=40);
        -moz-opacity:0.4;
        -khtml-opacity: 0.4;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        opacity:1;
        filter: alpha(opacity=1);
        -moz-opacity:1;
        -khtml-opacity: 1;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    html.open-menu a#toggle,
    html.open-menu main#content {
        background: transparent;
        z-index: 99999;
    }

    html.open-menu #menu {
        padding:0px 15px;
        z-index: 999;
        transform: translateX(0);
        -webkit-transform:translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    div#overlay  {
        transition: opacity .35s, visibility .35s, height .35s;
    }
    div#overlay  li {
        animation: fadeInRight .5s ease forwards;
        animation-delay: .35s;
    }
    div#overlay li:nth-of-type(2) {
        animation-delay: .4s;
    }
    div#overlay li:nth-of-type(3) {
        animation-delay: .45s;
    }
    div#overlay li:nth-of-type(4) {
        animation-delay: .50s;
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            left: 20%;
        }
        100% {
            opacity: 1;
            left: 0;
        }
    }
    #toggle:hover {
        opacity: 1;
        background: #000;
    }
    html.open-menu a#toggle .top {
        transform: translateY(10px) translateX(0) rotate(45deg);
        background: #f3f3f3;
        top:6px;
    }
    html.open-menu a#toggle .middle {
        opacity: 0;
        background: #393939;
    }
    html.open-menu a#toggle .bottom {
        transform: translateY(-4px) translateX(0) rotate(-45deg);
        background: #f3f3f3;
    }
    #toggle span {
        background: #fff;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 8px;
        left: 0;
        right: 0;
        margin: auto;
        width: 21px;
        transition: all .35s ease;
        cursor: pointer;
    }
    #toggle  span:nth-of-type(2) {
        top: 14px;
    }
    #toggle span:nth-of-type(3) {
        top: 20px;
    }
    .navbar-default .navbar-toggle{
        display: none;
    }
    html.open-menu #menu{
        display: block !important;
        vertical-align: middle;
        padding:40px 30px;
    }
    .menu nav{
      width: 100%;
      position: relative;
    }
    .menu{
      padding-top: 70px;
    }
    .menu .ubermenu .ubermenu-target{
      color:#fff !important;
      text-align: left;
      padding:10px 10px !important;
    }
    .menu .ubermenu .ubermenu-target:after {
        content: '';
        display: block;
        width: 0;
        height: 15px;
        background-color: #E40613;
        transition: width .3s;
        position: absolute;
        left: 30px;
        bottom: 12px;
        z-index: -1;
    }
    .menu .ubermenu .ubermenu-current-menu-item  .ubermenu-target:after ,
    .menu .ubermenu .ubermenu-current-menu-item  .ubermenu-target:hover:after,
    .menu .ubermenu  .ubermenu-target:hover:after{
        width: 100px;
    }
    .menu .ubermenu .ubermenu-target:hover{
      color: #fff!important;
    }
    .menu .ubermenu-bar-inner-center .ubermenu-nav{
      max-width: 270px;
    }
    .dropdown-toggle:after,.dropdown-toggle{
        display: none !important;
    }
    .menu-item .fa{
        position: absolute;
        right: 0px;
        top:0px;
        width: 30px;
        z-index: 999;
        background: #f9000b;
        height: 38px;
        padding-top: 10px;
    }
    .menu-item-has-children.open .sub-menu{
        display: block;
    }
    .main-navigation ul ul:before,.main-navigation ul ul:after {
        display: none !important;
    }
    .main-navigation ul ul{
        border: none !important;
    }
    .main-navigation a {
        padding: 10px 0px !important;
        margin-bottom: 5px;
        float: none !important;
        width: auto !important;
        text-align: center;
        margin: auto;
    }
/*nav end*/
/*-- Menu --*/
 #menu {
        position: fixed;
        width: 100% !important;
        height: 100% !important;
        top: 0px;
        right: 0px;
        margin: auto;
        overflow: hidden;
        overflow-y: auto;
        min-width:180px;
        background:rgb(255,255,255);
        background:rgba(255,255,255,0.85);
        background:rgb(0,0,0);
        background:rgba(0,0,0,0.85);
        color:#fff;
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#1e2634,endColorstr=#1e2634);
        transform: translateX(100%);
        -webkit-transform:translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        padding:0px;
    }
	.container{
		width: 100% !important;
	}
	.nav-site-menu.site-header-menu{
		display: inline-block !important;
	}
	.site-branding{
		width: 240px;
	}
	.social-res-nav{
		display: block;
	}
	.menu nav{
		text-align: center;
	}
	.ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0, .ubermenu.ubermenu-horizontal .ubermenu-item.ubermenu-align-left {
	    float:none !important;
	}
	.nav-site-menu.site-header-menu{
		display: inline-block !important;
		float: left;
		width: calc(100% - 240px) !important;
		padding-right: 0px;
	}
	.menu-category .so-res-nav{
		display: none !important;
	}
	.site-header-main{
		display: inherit;
	}
	a#toggle{
		margin-top: -13px;
        position: absolute;
        right: 40px;
        top:50px;
	}
    .header .main-navigation,.header .main-navigation,
    .enquiry-bar{
        width: 100%;
    }
    .main-navigation ul > li{
        float: left;
        width: 100%;
        text-align: center;
    }
    .main-navigation a{
        padding: 10px 0px !important;
        margin-bottom: 5px;
    }
    .main-navigation a:before{
        top:0px;
    }
     .main-navigation a:after{
        bottom: 0px;
    }
    .main-navigation ul ul a:before, .main-navigation ul ul a:after{
        display: none !important;
    }
    .main-navigation .sub-menu a{
        color: #fff !important;
    }
    .main-navigation .sub-menu a:hover, .main-navigation .sub-menu li a:focus, 
    .main-navigation .sub-menu .current-menu-item a, .main-navigation .sub-menu .current-menu-item  a:hover {
        color: #E40613 !important;
    }
    .main-navigation .sub-menu .sub-menu a{
        color: #fff !important;
    }
    .main-navigation .sub-menu .sub-menu a:hover,
     .main-navigation .sub-menu .sub-menu li a:focus, 
    .main-navigation .sub-menu .sub-menu .current-menu-item a, 
    .main-navigation .sub-menu .sub-menu .current-menu-item  a:hover {
        color: #E40613 !important;
    }
    .header .main-navigation, .header .main-navigation, .enquiry-bar {
        width: 100%;
        text-align: center;
    }
    .enquiry-bar .btn {
        padding: 10px 10px !important;
        width: 100%;
        float: initial;
        max-width: 200px;
        margin: auto;
    }
    .main-navigation li,.main-navigation .primary-menu{
        border: 0px !important
    }
    .main-navigation .menu-item-has-children > a{
        margin: auto !important;
        margin-right: auto !important;
    }
    /*lk ment*/
    /*.dropdown-toggle{
        background-color: #f9000b;
        color: #fff;
        display: block !important;
    }
    .dropdown-toggle:hover, .dropdown-toggle:focus {
        background-color: #fff;
        color: #f9000b;
    }*/
	/*nav*/
    .banner-slider.owl-carousel .owl-prev{
        text-align: left;
    }
    .banner-slider.owl-carousel .owl-next{
        text-align: right;
    }
	.footer-top {
	    padding: 30px 0px;
	    width: 100%;
	    border-bottom: 1px solid #d2d2d2;
	    text-align: center;
	}
	.footer .widget .widget-title{
		margin-bottom: 20px;
	}
	.footer-nav-bar ul{
		display: block;
	}
	.copy-left, .copy-right{
		width: 100%;
		text-align: center;
	}
	.back-bar-btm {
	    height: 70px;
	    margin-bottom: -38px;
	}
	.video-section {
	    padding: 0px 0px 80px 0px;
	}
	.video-right,.video-left{
		padding: 0px;
		width: 100%;
		float: left;
	}
	.video-left{
		padding-right: 30px;
	}
	.video-left .view-btn{
		right: 0px;
	}
	.specials-box .view-btn {
	    position: absolute;
	    left: auto;
	    top: 90px;
	    right: 0px;
	}
	.title{
		font-size: 30px;
	}
	.sub-title{
		font-size: 24px;
	}
	.banner-section .title{
		font-size: 36px;
	}
	.banner-slider .owl-dots{
		padding-left: 15px;
	}
	.banner-section .item{
		background-attachment: inherit;
	}
	.looking-section,.sus-video-left{
		padding:0px;
	}
	.catagory-box {
	    padding: 0px 0px;
	    min-height: inherit;
	    width: 100%;
	}
	.catagory-box img{
		width: 100%;
		object-fit: cover;
	}
	.catagory-box .catagory-bar{
		width: 100% !important;
		max-width: 100% !important;
	}
	.looking-text{
		padding: 50px 15px 30px 15px;
		width: 100%;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 50% !important;
		margin:0px 0px 30px 0px !important;
	}
	.product-section{
		padding: 70px 0px 0px 0px;
	}
	.about-left-half, .about-right-half,.sus-video-right,.sus-video-left{
		width: 100%;
	}
	.about-right-wrap{
		max-width: 100%;
	}
	.about_box_wrap{
		display: flex;
		flex-flow: row wrap;
	}
	.about-diff-box{
		width: 25%;
	}
    .container,.header .container,.about-section .container,.make-section .container,.we-offer-section .container,
    .gallery .container,.footer .container{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .about-right,.about-left,.make-info,.make-right,.we-offer-info,.we-offer-img,
    .we-offer-wrap,.info-content,.services-left,.services-right,.services-text,.gallery-wrap,
    .form-third,.form-oneth,.form-r-half-inner,.form-l-half-inner,.form-left-half,
    .form-right-half,.plan-box,.offer-box,.member-box{
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        float: left;
    }
    .about-page-section{
        padding-bottom: 40px;
    }
    .abt-img,.we-offer-img img,.virtual-img img{
        width: 100%;
    }
    .make-right{
        display: inherit;
        min-height: inherit;
    }
    .make-section:before,.make-section.free-service:before{
        background:  #E40613;
        opacity: 0.7;
        width: 100%;
        height: 100%;
        left: 0px;
        bottom: 0px;
    }
    .make-section.free-service:before{
        background: #000;
    }
    .free-info{
        margin-top: auto;
        width: 100%;
        float: left;
        padding-top: 50px;
    }
    .feature_title-section{
        padding-top: 50px;
    }
    .special-top-section .we-offer-wrap,.special-section .we-offer-box{
        padding: 0px;
    }
    .ul-inline{
        text-align: left;
    }
    .we-offer-section:before{
        display: none;
    }
    .review-img{
        width: 100px;
    }
    .review-box{
        width: calc(100% - 100px);
        padding:30px 0px;
    }
    .about-right .title,.cbd-title{
        font-size: 28px;
    }
    .we-offer-info{
        padding-bottom: 0px;
        padding-top: 30px;
    }
    .make-info{
        padding-top: 50px;
    }
    .booking-img2{
        margin-bottom: 50px;
    }
    .cbd-info h1, .cbd-info h2, .cbd-info h3, .cbd-info h4, .cbd-info h5, .cbd-info h6{
        margin-bottom: 20px;
    }
    .cbd-red{
        margin: 0px 0px 30px 0px;
    }
    .virtual-tab-section{
        padding-top: 40px;
    }
    .plan-box{
        padding: 10px 0px;
    }
    .inner-banner{
        background-size: 100% 100%;
        background-image: none !important;
        min-height: inherit;
    }
    .resp-banner{
      display: block;
    }
    .header{
        position: relative;
        background: #000 !important;
    }
    .banner-section .item {
        padding: 50px 0px 50px 0px;
    }
    .inner-page-scroll {
        top: auto;
        bottom: -26px;
    }
    .scroll-down p {
        margin-bottom: 10px;
        color: #fff;
        font-weight: 900;
    }
    .scroll-round {
        width: 40px;
        height: 40px;
    }
    .scroll-round span {
        font-size: 35px;
        top: -20px;
    }
} /*991 end*/
@media only screen and (min-width: 992px) and (max-width: 1400px) {
}
@media only screen and (min-width: 992px) and (max-width: 1300px) {
    .header .main-navigation{
        width: calc(100% - 120px);
    }
    .enquiry-bar {
        float: right;
        width: 120px;
    }
    .main-navigation a{
        /*font-size: 13px;*/
        padding-left:5px !important;
        padding-right: 5px !important;
    }
    .header .main-navigation{
        padding-top: 4px;
    }
    .main-navigation a:before{
        top:-38px;
    }
    .main-navigation a:after{
            bottom: -40px;
    }
    .enquiry-bar .btn{
        font-size: 13px;
        margin-top: -10px;
    }
    .container,.about-section .container,.make-section .container,.we-offer-section .container,
    .gallery .container,.footer .container{
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .we-offer-wrap{
        padding: 60px 30px 20px 30px;
    }
    .we-offer-info{
        padding: 30px 30px;
    }
    .make-info{
        padding-top: 350px;
    }
    .enquiry-bar .btn p,.enquiry-bar .btn{
        font-size: 13px;
    }
    .header .container{
        padding: 0px 20px 0px 40px;
    }
    .site-header-menu{
        width: calc(100% - 150px) !important;
    }
    .site-branding{
        max-width: 130px;
    }
    .special-top-section .we-offer-wrap,.special-section .we-offer-box{
        padding: 0px;
    }
  
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
  .free-info {
        width: 45%;
    }
}
@media only screen and (max-width: 800px) {
    .gallery-box {
        padding: 15px;
        position: relative ;
        width: 50% !important;
        float: left !important;
    }
}
@media only screen and (max-width: 739px){
	.footer-top .col-sm-3{
        width: 100%;
        margin-bottom: 10px;
    }
    .subs-left{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .subs-right {
        text-align: center;
        width: 100%;
        padding-right: 0px;
        padding-top: 30px;
    }
    .owl-next{
        right: 10px;
    }
    .owl-carousel.banner-slider .owl-nav .owl-next span, .banner-slider.owl-carousel .owl-nav .owl-prev span {
        font-size: 30px !important;
        color: #fff !important;
    }
    .banner-section .item .banner-info{
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}/*768*/
@media only screen and (max-width: 639px) {
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	margin: auto !important;
  	margin-bottom: 30px !important;
  	width: 100% !important
  }
  .about-box{
  	width:100%;
  	min-height: inherit;
  	padding: 30px;
  	border: 1px solid #fff;
  }
  .about-right ul li,.ul-inline li,.btn-ul li{
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
  }
  .about-right ul li .btn,.ul-inline li .btn,.btn-ul li .btn{
    width: 100%;
  }
  .we-offer-box .btn{
    width: 100%;
  }
  .review-box,.review-img{
    width: 100%;
    float: left;
    padding: 0px;
  }
  
    .banner-section .title {
        font-size: 28px;
    }
    
}
@media only screen and (max-width: 680px) {
    .tab-content>.tab-pane{
        width: 100%;
        overflow-x: scroll;
    }
    .virtual-tab-section table{
        width: 800px !important;
    }
    .virtual-tab-section .nav-tabs{
        display: block;
    }
    .virtual-tab-section .nav-tabs>li>a{
        margin-top: 0px;
            font-size: 18px !important;
        padding: 10px 40px!important;
        border-radius: 10px !important;
    }
    .virtual-tab-section .nav-tabs>li{
        width: 100%;
    }
    .virtual-tab-section .nav-tabs>li.active>a, 
    .virtual-tab-section .nav-tabs>li.active>a:hover,
     .virtual-tab-section .nav-tabs>li>a:hover, 
     .virtual-tab-section .nav-tabs>li.elite>a:hover{
        padding: 10px 40px!important;
    }
}
@media only screen and (max-width: 400px) {
    .gallery-box {
        padding: 15px 0px;
        position: relative ;
        width: 100% !important;
    }
    .gallery-box-inner img{
        height:auto;
        min-height: auto;
    }
}
@media only screen and (max-width: 360px){
}
@media only screen and (max-width: 320px){
}
@media only screen and (max-width: 319px){
}