@media (min-width: 180px) and (max-width: 319px) {
    /*==================================
    TOPBAR QUERY
    ==================================*/
    .topbar .topbar-inner{
        width: 100%;
        margin: 0 auto;
    }
    /*==================================
    HEADER QUERY
    ==================================*/
    .header .header-inner{
        width: 100%;
        margin: 0 auto;
    }

    .header .header-inner .header-logo img{
        width: 100%;
        height: auto;
        margin: 5px 0 0 0;
    }

    .header .header-inner .header-nav ul li a .flex-content{
        display: none;
    }

    .header .header-inner .header-nav ul li a i{
        font-size: 20px;
        padding: 0 0;
    }

    .header .header-inner .header-nav ul li a .cart-counter{
        top: 5px;
        left: 60%;
    }

    .header .header-inner .header-nav ul li .header-dropdown-menu{
        width: auto;
    }

    .header .header-inner .header-nav .header-dropdown-menu .header-triangle::before{
        left: 15%;
    }

    /*======================================
    NAVIGATION QUERY
    ======================================*/
    .navigation .navigation-inner{
        width: 100%;
        margin: 0 auto;
    }

    .navigation .navigation-inner .navigation-nav .navigation-menu{
        display: none;
        position: absolute;
        background: #004d99;
        margin-top: -5px;
    }

    .navigation .navigation-inner .navigation-nav nav a{
        margin: 6px 2px 0 4px;
    }

    .navigation .navigation-inner .navigation-nav nav a .bar{
        width: 15px;
        height: 2px;
        background: #fff;
        margin: 5px 0 5px 0;
        display: block;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-1{
        transform: translate(0, 7px) rotate(-45deg);
    }

    .navigation .navigation-inner .navigation-nav .change .bar-2{
        opacity: 0;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-3{
        transform: translate(0, -7px) rotate(45deg);
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li{
        width: 100%;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li .navigation-dropdown-menu{
        width: 100%;
        border-radius: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li:hover .navigation-dropdown-menu{
        display: none;
        position: relative;
        top: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li.open .navigation-dropdown-menu{
        display: block;
    }

    .navigation .navigation-inner .navigation-navbar .navigation-dropdown-menu .navigation-triangle::before{
        display: none;
    }

    .navigation .navigation-inner .navigation-booking .booking-dropdown-form{
        display: none;
        top: 38px;
        right: 10px;
    }

    .navigation .navigation-inner .navigation-booking p{
        margin: 5px 0 0 0;
    }

    /*====================================
    FOOTER QUERY
    =====================================*/
    .footer .footer-inner{
        width: 100%;
        margin: 0 auto;
    }

    .footer .footer-inner .footer-col iframe{
        width: 100%;
        height: 162px;
    }

    .footer .footer-inner .footer-col .mapouter{
        width: 100%;
    }

    .footer .footer-inner .footer-col .gmap_canvas{
        width: 100%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    /*==================================
    TOPBAR QUERY
    ===================================*/
    .topbar .topbar-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*=================================
    HEADER QUERY
    =================================*/
    .header .header-inner{
        width: 100%;
        margin: 0 auto;
    }

    .header .header-inner .header-logo img{
        width: 100%;
        height: auto;
        margin: 5px 0 0 0;
    }

    .header .header-inner .header-nav ul li a .flex-content{
        display: none;
    }

    .header .header-inner .header-nav ul li a i{
        padding: 0 0;
        font-size: 23px;
    }

    .header .header-inner .header-nav ul{
        margin-top: 5px;
    }

    .header .header-inner .header-nav ul li a .cart-counter{
        top: 8px;
        left: 60%;
    }

    .header .header-inner .header-nav .header-dropdown-menu{
        width: 100px;
        right: 5px;
    }

    /*======================================
    NAVIGATION QUERY
    ======================================*/
    .navigation .navigation-inner{
        width: 100%;
        margin: 0 auto;
    }

    .navigation .navigation-inner .navigation-nav .navigation-menu{
        display: none;
        position: absolute;
        background: #004d99;
        margin-top: -5px;
    }

    .navigation .navigation-inner .navigation-nav nav a{
        margin: 8px 5px 0 8px;
    }

    .navigation .navigation-inner .navigation-nav nav a .bar{
        width: 15px;
        height: 2px;
        background: #fff;
        margin: 5px 0 5px 0;
        display: block;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-1{
        transform: translate(0, 7px) rotate(-45deg);
    }

    .navigation .navigation-inner .navigation-nav .change .bar-2{
        opacity: 0;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-3{
        transform: translate(0, -7px) rotate(45deg);
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li{
        width: 100%;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li .navigation-dropdown-menu{
        width: 100%;
        border-radius: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li:hover .navigation-dropdown-menu{
        display: none;
        position: relative;
        top: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li.open .navigation-dropdown-menu{
        display: block;
    }

    .navigation .navigation-inner .navigation-navbar .navigation-dropdown-menu .navigation-triangle::before{
        display: none;
    }

    .navigation .navigation-inner .navigation-booking .booking-dropdown-form{
        display: none;
        top: 38px;
        right: 15px;
    }

    .navigation .navigation-inner .navigation-booking p{
        margin: 5px 0 5px 0;
    }

    /*====================================
    FOOTER QUERY
    =====================================*/
    .footer .footer-inner{
        width: 100%;
        margin: 0 auto;
    }

    .footer .footer-inner .footer-col iframe{
        width: 100%;
        height: 162px;
    }

    .footer .footer-inner .footer-col .mapouter{
        width: 100%;
    }

    .footer .footer-inner .footer-col .gmap_canvas{
        width: 100%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    /*===========================
    TOPBAR QUERY
    ============================*/
    .topbar .topbar-inner{
        width: 100%;
        margin: 0 auto;
    }

    /*===========================
    HEADER QUERY
    ============================*/
    .header .header-inner{
        width: 100%;
        margin: 0 auto;
    }

    .header .header-inner .header-logo img{
        width: 65%;
        height: auto;
    }

    /*======================================
    NAVIGATION QUERY
    ======================================*/
    .navigation .navigation-inner{
        width: 100%;
        margin: 0 auto;
    }

    .navigation .navigation-inner .navigation-nav .navigation-menu{
        display: none;
        position: absolute;
        background: #004d99;
        margin-top: -5px;
    }

    .navigation .navigation-inner .navigation-nav nav a{
        margin: 6px 15px 0 15px;
    }

    .navigation .navigation-inner .navigation-nav nav a .bar{
        width: 20px;
        height: 2px;
        background: #fff;
        margin: 5px 0 5px 0;
        display: block;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-1{
        transform: translate(0, 7px) rotate(-45deg);
    }

    .navigation .navigation-inner .navigation-nav .change .bar-2{
        opacity: 0;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-3{
        transform: translate(0, -7px) rotate(45deg);
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li{
        width: 100%;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li .navigation-dropdown-menu{
        width: 100%;
        border-radius: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li:hover .navigation-dropdown-menu{
        display: none;
        position: relative;
        top: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li.open .navigation-dropdown-menu{
        display: block;
    }

    .navigation .navigation-inner .navigation-navbar .navigation-dropdown-menu .navigation-triangle::before{
        display: none;
    }

    .navigation .navigation-inner .navigation-booking .booking-dropdown-form{
        display: none;
        top: 38px;
        right: 10px;
    }

    .navigation .navigation-inner .navigation-booking p{
        margin: 5px 0 0 0;
    }

    /*====================================
    FOOTER QUERY
    =====================================*/
    .footer .footer-inner{
        width: 100%;
        margin: 0 auto;
    }

    .footer .footer-inner .footer-col iframe{
        width: 100%;
        height: 162px;
    }

    .footer .footer-inner .footer-col .mapouter{
        width: 100%;
    }

    .footer .footer-inner .footer-col .gmap_canvas{
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    /*============================
    TOPBAR QUERY
    =============================*/
    .topbar .topbar-inner{
        width: 100%;
        margin: 0 auto;
    }
    /*============================
    HEADER QUERY
    ============================*/
    .header .header-inner{
        width: 100%;
        margin: 0 auto;
    }

    .header .header-inner .header-logo img{
        width: 45%;
        height: auto;
    }

    /*======================================
    NAVIGATION QUERY
    ======================================*/
    .navigation .navigation-inner{
        width: 100%;
        margin: 0 auto;
    }

    .navigation .navigation-inner .navigation-nav .navigation-menu{
        display: none;
        position: absolute;
        background: #004d99;
        margin-top: -5px;
        z-index: 9999999999;
    }

    .navigation .navigation-inner .navigation-nav nav a{
        margin: 8px 10px 0 10px;
    }

    .navigation .navigation-inner .navigation-nav nav a .bar{
        width: 15px;
        height: 2px;
        background: #fff;
        margin: 5px 0 5px 0;
        display: block;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-1{
        transform: translate(0, 7px) rotate(-45deg);
    }

    .navigation .navigation-inner .navigation-nav .change .bar-2{
        opacity: 0;
    }

    .navigation .navigation-inner .navigation-nav .change .bar-3{
        transform: translate(0, -7px) rotate(45deg);
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li{
        width: 100%;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li .navigation-dropdown-menu{
        width: 100%;
        border-radius: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu  ul li:hover .navigation-dropdown-menu{
        display: none;
        position: relative;
        top: 0;
    }

    .navigation .navigation-inner .navigation-nav nav .navigation-menu ul li.open .navigation-dropdown-menu{
        display: block;
    }

    .navigation .navigation-inner .navigation-navbar .navigation-dropdown-menu .navigation-triangle::before{
        display: none;
    }

    .navigation .navigation-inner .navigation-booking .booking-dropdown-form{
        display: none;
        top: 38px;
        right: 10px;
        width: 120%;
    }

    .navigation .navigation-inner .navigation-booking p{
        margin: 5px 0 5px 0;
    }

    /*====================================
    FOOTER QUERY
    =====================================*/
    .footer .footer-inner{
        width: 100%;
        margin: 0 auto;
    }

    .footer .footer-inner .footer-col iframe{
        width: 100%;
        height: 162px;
    }

    .footer .footer-inner .footer-col .mapouter{
        width: 100%;
    }

    .footer .footer-inner .footer-col .gmap_canvas{
        width: 100%;
    }
}