/*============================================================================
                        RESPONSIVE CSS WITH MEDIA 
=============================================================================*/

@media(min-width:1200px) {
.curve svg:not(:root) {

}
}
@media(min-width:1024px) {
.menuzord-menu > li.reservation a {
    font-weight: bold;
    font-size: 17px;
    padding: 10px 15px;
}
}

/*=============  MEDIA 1200px   =============*/
@media(min-width:768px) {
	.boxed {
    width: 750px;
	}
	.content {
		text-align:justify;
}		
}
@media(min-width:992px) {
	.boxed {
    width: 970px;
	}	
}
@media (min-width: 1200px){
	.boxed {
    width: 1170px;
}
.viprooms ul li i {
    width: 95px;
    height: 91px;
    padding-top: 19px;}
}
/*=============  MEDIA 1024px   =============*/
@media(max-width:992px) {
.email{
	display:none;}	
.menuzord-menu > li > a {
    padding: 10px 10px;}
.menuzord-menu > li > a.icon {
    padding: 8px 10px 4px;
}		
.pkg-gallery:before, .pkg-gallery:after {
	display:none;
}	
.pkg-gallery .col-md-7{
	margin-bottom:20px;}
.img-block .half-col {
    padding-right: 8px;
}	
.img-block .half-col a {
    width: 100%;
}
.nearby .col-sm-3:before{
	display:none;
	}


.inner-product .block {
    width: 100%;
}
.inner > .container:before , .inner > .container:after{
    left: 33.33333333%;
}
.contact > .container:before, .contact > .container:after {
    left: 50%;
}
}
/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {
.fixed-header .logo {
    width: 55px;
    margin-bottom: -35px;
}	
header .email{
	display:none;
	}

.howto a{
	margin-bottom:15px;
	}	
.menuzord-responsive .showhide {
	    width: 40px;
    height: 40px;
    padding: 6px;
    margin: 0;
    background-color: #2b2b2b;
    display: block;
	float:right;
    vertical-align: top;
    margin: auto;
	margin-top: -1px;
    box-shadow: 0 0 0 4px #2d2929;
    border: solid 1px#000000;
}	
	
.menuzord {
    background-color: transparent ;
    display: block; 
     vertical-align: inherit; 
     margin: auto; 
     margin-top: inherit; 
     box-shadow: none; 
     border: none; 
}
.menuzord-menu > li.reservation {
    margin-left: 0px;
}
.fixed-header {
    top: 0;
    height: 50px;}
	
#myCarousel .item img{

	}	
.inner > .container:before , .inner > .container:after{
	display:none;
}
.main-footer .col-sm-6{
	margin-bottom:25px;}	
}


/*=============  MEDIA 600px   =============*/
@media (max-width:600px) {
 header .social, header .phone{
	display:none;
	}
.logo {
    margin-bottom: -67px;
    width: 90px;
}
.mtextac{
	text-align: center !important;
	float: none !important;
	width: 100%
	}

.menuzord-responsive .showhide {
	    margin: 19px 0;
   }
.fixed-header .menuzord-responsive .showhide {
    margin: 0px;
}	
  #curve .curve {
    margin-top: -67px;}	
header {
	   
}	
.menu-wrap{
	 background-color: rgba(0, 0, 0, 0.6);}
.inner-pg header {

    top: 77px;
}	
.inner-pg .logo {
    top: -15px;
}
.inner-pg .fixed-header {
    top: 0;
}
}


/*=============  MEDIA 480px   =============*/
@media(max-width:460px) {
.curve svg:not(:root) {

}

.nomo{
	display:none;}	

.inner-product .block{
	width:100%;}	
}
/*=============  MEDIA 320px   =============*/
@media(max-width:320px) {
.viprooms .col-xs-4{
	width:100%;}	
		
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px
    }
}