@media (min-width: 769px) {
    .book-banner-bottom {
        display: none;
    }
    .triggered {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .site-desktop-menu {
        display: none;
    }
    .header-social-buttons {
        margin-top: -100px;
    }
}

@media (max-width: 480px) {
    .container {
        width: 300px !important;
    }
    .site-desc {
        display: none;
    }
    .site-desktop-menu {
        display: none;
    }
    .site-logo {
        float: none;
        width: auto;
        margin: 0px;
        font-size: 24px !important;
    }
    .header-social-buttons {
        /* display: none; */
        margin-top: -118px !important;
    }
    nav.site-mobile-menu {
        margin-top: -80px !important;
    }
    .latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-img img {
        display: none;
    }
    .latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal {
        padding-left: 75px !important;
    }
    .latest-blog-posts-2 .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-img img {
        display: none;
    }
    .latest-blog-posts-2 .jcarousel-skin-tango .jcarousel-item-horizontal {
        padding-left: 75px !important;
    }
    nav.site-mobile-menu>ul {
        top: 80px !important;
    }
    .magnis-cart-totals-block .button-dark {
        margin-bottom: 20px;
    }
}

#tombol_booking {
    display: none;
}

@media (max-width: 640px) {
   #booking {
       display: none !important;
   }
   #tombol_booking {
        display: inline-block;
        position: absolute;
        top: 45%;
        width: 200px !important;
        z-index: 9999;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
    }
}

@media (max-width: 768px) {
    .book-banner {
        display: none;
        position: relative;
    }
    .container {
        width: 450px;
    }
    .site-desc {
        display: none;
    }
    .site-desktop-menu {
        display: none;
    }
    .header-social-buttons a i {
        line-height: 25px !important;
        height: 24px !important;
        width: 25px !important;
    }
    .purchase a.button {
        margin-top: 20px;
    }
    img.lone-img {
        margin: 40px 0px;
    }
    .latest-projects-intro {
        width: 100%;
    }
    .latest-projects-wrapper {
        width: 100%;
    }
    .latest-blog-posts {
        margin-bottom: 55px;
    }
    .footer-widget {
        margin-bottom: 55px;
    }
    .site-footer {
        padding-bottom: 0px;
    }
    .footer-contacts-wrapper {
        background-size: auto 100%;
    }
    .bottom-line p {
        text-align: center !important;
    }
    .quick_newsletter input.text,
    .quick_newsletter button.btn {
        margin-top: 20px;
    }
    .latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-details small span {
        width: 100%;
        float: left;
        text-align: left !important;
    }
    .team-member {
        margin-top: 40px;
    }
    .team-member-first {
        margin-top: 20px;
    }
    .header-social-buttons {
        margin-top: 20px;
        /* margin-top: -118px; */
    }
    .ul-style-2 li {
        width: 100%;
    }
    .page-header p {
        text-align: left;
        margin-top: 20px;
    }
    .pr-table-featured {
        margin-top: 40px;
    }
    .pr-table-3-wrapper table {
        width: 800px;
    }
    .magnis-shopping-cart-details-table-wrapper .magnis-shopping-cart-details-table {
        width: 800px;
    }
    .comment-item .comment-item {
        margin-left: -30px;
    }
    .add-comment-form p input {
        width: 100%;
        margin-bottom: 20px;
    }
    .add-comment-form p select {
        width: 100%;
        margin-bottom: 20px;
    }
    .add-comment-form p button {
        width: 100%;
    }
    #daysOne,
    #hoursOne,
    #minsOne,
    #secsOne {
        width: 100%;
    }
    #wrapper {
        width: 100%;
    }
    .main-content-soon-color {
        padding: 100px 0px;
    }
    .header-sub-wrapper-3 {
        max-width: none;
    }
    .header-sub-wrapper-3 .header-social-buttons-3 {
        margin-top: 20px;
    }
    .header-search {
        display: none;
    }
    .gray-line-3 {
        top: 109px !important;
    }
    .testimonials-2 .jcarousel-skin-tango .jcarousel-item-horizontal {
        padding-left: 55px;
    }
    .testimonials-2 ul li>i {
        left: 0px;
    }
    .testimonials-2 ul li img {
        display: none;
    }
    .buy-now-block a.button {
        margin-top: 20px;
    }
    .latest-projects .latest-projects-wrapper {
        width: 100%;
    }
    .latest-projects .latest-projects-intro {
        width: 100%;
    }
    .latest-projects .latest-projects-intro p {
        margin-top: 0px;
    }
    .magnis-product-item {
        margin-bottom: 40px;
    }
    .magnis-shop .magnis-pagination {
        margin-top: 0px;
    }
    .magnis-pagination>a,
    .magnis-pagination>span {
        margin-bottom: 20px;
    }
    .magnis-releated-products .magnis-product-item {
        margin-bottom: 40px;
    }
    .magnis-product-item-single-img,
    .magnis-product-item-single-desc {
        width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .site-desc {
        display: none;
    }
    .site-desktop-menu {
        display: none;
    }
    .footer-filckr-wrapper {
        height: 153px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    nav.site-desktop-menu>ul>li>a {
        font-size: 14px;
    }
    .site-desc {
        display: none;
    }
    .header-contacts .contact-1,
    .header-contacts .contact-2 {
        display: none;
    }
    .header-contacts p {
        margin-right: 20px;
    }
    .header-contacts p i {
        display: inline-block !important;
    }
    nav.site-desktop-menu>ul>li {
        margin-left: 15px;
    }
    nav.site-desktop-menu-2>ul>li {
        margin-right: 15px !important;
        margin-left: 0px !important;
    }/*
    .site-mobile-menu {
        display: none;
    } */
    .site-logo {
        margin-right: 0px;
        font-size: 24px !important;
    }
    .purchase a.button {
        width: 100%;
    }
    .latest-projects-intro p {
        display: none;
    }
    .latest-projects-intro h2 {
        font-size: 18px;
        line-height: 18px;
    }
    .latest-blog-posts .jcarousel-skin-tango .jcarousel-item-horizontal .latest-blog-post-details small span {
        width: 100%;
        float: left;
        text-align: left !important;
    }
    .team-member .soc-buttons a {
        font-size: 18px;
        width: 40px;
    }
    .ul-style-2 li {
        width: 100%;
    }
    .add-comment-form p input {
        width: 260px;
        margin-right: 18px;
    }
    .add-comment-form p select {
        width: 260px;
        margin-right: 18px;
    }
    .buy-now-block a.button i {
        display: none;
    }
    .newsletters-1 .quick_newsletter .btn i {
        display: none;
    }
    .footer-newsletters .quick_newsletter input {
        width: 100%;
    }
    .footer-newsletters .quick_newsletter .btn {
        float: right;
    }
    .magnis-product-item {
        margin-bottom: 20px;
    }
    .magnis-shop .magnis-pagination {
        margin-top: 20px;
    }
    .magnis-cart-totals-block .button-dark {
        margin-bottom: 20px;
    }
}

@media (min-width: 950px) and (max-width: 1199px) {
    .site-mobile-menu {
        margin-top: 68px !important;   
    }
}

@media (min-width: 980px) and (max-width: 1199px) {/*
    .site-mobile-menu {
        display: none;
    }*/
    .purchase a.button {
        width: 100%;
    }
    .latest-projects-intro p {
        font-size: 12px;
        line-height: 18px;
    }
    nav.site-desktop-menu-2>ul>li {
        margin-left: 0px !important;
    }
    .add-comment-form p input {
        /* width: 260px; */
    }
    #booking_number {
        width: 540px !important;
    }
    #villatype {
        /* width: 540px !important; */
    }
    #file_proof {
        width: 540px !important;
    }
    .footer-newsletters .quick_newsletter input {
        width: 100%;
    }
    .footer-newsletters .quick_newsletter .btn {
        float: right;
    }
    .magnis-product-item {
        margin-bottom: 20px;
    }
    .magnis-shop .magnis-pagination {
        margin-top: 20px;
    }
    nav.site-desktop-menu>ul>li {
        margin-left: 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .magnis-shopping-cart p a.button-color {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .site-mobile-menu {
        display: none;
    }
    .magnis-product-item {
        margin-bottom: 30px;
    }
    .magnis-shop .magnis-pagination {
        margin-top: 10px;
    }
}

/*astaphobia.com*/

/*@media (max-width: 1199px){
	.site-desktop-menu{display:none;}
	.site-mobile-menu{display:block;}
}
@media (min-width: 980px) and (max-width: 1199px){
	.site-mobile-menu{margin-top:8px !important;
	}
}
@media (min-width: 858px) and (max-width: 979px){
	.site-mobile-menu{left: 50px; margin-top: -47px !important;}
}
@media (min-width: 768px) and (max-width: 857px){
	.header-contacts{float:left; margin-top:-34px}
	.site-mobile-menu{margin-top: 8px !important}
}
@media(max-width: 768px){
	.header-contacts{display:none !important}
	.span7{float:none}
	.site-mobile-menu{margin-top: -57px !important}
}*/

.site-logo span {
    font-size: 11px;
    color: #EEECE8
}

@media(max-width:1199px) {
    .site-desc {
        display: none
    }
    .site-logo {
        line-height: 15px
    }
    .site-logo p {
        margin-top: 50px
    }
    .site-logo p.full-desc {
        display: none
    }
}

@media(min-width:950px) and (max-width:1199px) {
    .span-left-bdg {
        width: 200px
    }
}

@media(min-width:980px) and (max-width:1199px) {
    .span-right-bdg {
        width: 709px
    }
    nav.site-desktop-menu>ul>li {
        margin-left: 20px
    }
}

@media(min-width:950px) and (max-width:979px) {
    .container-bdg {
        width: 850px;
    }
    .span-right-bdg {
        width: 630px
    }
    nav.site-desktop-menu>ul>li {
        margin-left: 10px
    }
}

@media(max-width:949px) {
    .site-logo p {
        display: none
    }
}

@media(width:768px) {
    .span8.span-right-bdg {
        float: none !important
    }
    .span12 {
        width: 100%
    }
    .span4.promo {
        width: 100%
    }
}

@media(min-width:626px) and (max-width:949px) {
    .span-right-bdg {
        width: 680px
    }
    nav.site-desktop-menu>ul>li {
        margin-left: 10px
    }
}

@media(min-width:769px) and (max-width:949px) {
    .span-left-bdg {
        width: 100px
    }
}

@media(min-width:626px) and (max-width:768px) {
    .site-mobile-menu {
        display: block;
        
    }
    nav.site-mobile-menu {
        width: 96%;
    }
    .site-desktop-menu {
        display: none;
    }
    .container-bdg {
        width: 600px
    }
    .header-social-buttons {
        margin-top: 20px;
        margin-right: 12%;
    }
    nav.site-mobile-menu>i {
        margin-right: 8%;
    }
}

@media(max-width:768px) {
    .site-desktop-menu {
        margin-top: -65px
    }
    .span-left-bdg {
        width: 80px
    }
    nav.site-desktop-menu>ul>li>a {
        font-size: 12px
    }
    .promo h5 {
        min-height: auto;
    }
}