/*Menu reponsive*/
.btn_menu {
    display: none; background: none;
    position: fixed; top: 20px; right: 10px; z-index: 999;
    -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn_menu span:before{
    content: ''; position: absolute; top: 5px; right: 25%;
    width: 50%; height: 3px; background: #252525; opacity: 0;
    -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.btn_menu span:after {
    content: ''; position: absolute; top: 16px; left: 25%; width: 50%; height: 3px;
    background: #252525; box-shadow: 0 5px 0 #252525, 0 10px 0 #252525;
    -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.btn_menu span {
    background: transparent; border: none; width: 48px; height: 45px; overflow: hidden;
    position: relative; cursor: pointer; outline: none; float: right; display: block; z-index: 999; font-size: 0;
}
.btn_opened span {
    background: transparent; border: none; width: 45px; height: 45px; overflow: hidden;
    position: relative; cursor: pointer; outline: none; float: right; display: block; z-index: 999; font-size: 0;
}
.btn_opened span:after{
    content: "";
    position: absolute; top: 44%; left: 27%;
    width: 50%; height: 3px; box-shadow: none; background: #252525;
    -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); transform: rotate(45deg);
}
.btn_opened span:before{
    content: ""; position: absolute; top: 44%; right: 23%;
    width: 50%; height: 3px; background: #252525;
    -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); transform: rotate(-45deg);
}
.btn_menu.btn_opened span:before {opacity:1;}

/****************************** Larger than Desktop HD *******************************/
@media only screen and (max-width: 1370px){

}
@media only screen and (max-width: 1280px){
    /* NAV MENU > Menu */
    nav.header-menu ul.menu > li {padding:0 10px; position:relative;}
    nav.header-menu ul.menu > li > a {font-size:15px; padding:15px 0;}
    nav.header-menu ul.menu > li > a:before {height:4px;}
}
@media only screen and (max-width: 1023px) {

}
/****************************** Tablet version *******************************/
@media only screen and (max-width: 1024px){
    .btn_menu {display:block;}

    /* HEADER */
    header.main_header {margin-bottom:88px; z-index:999999;}
    body.single-post header.main_header {margin-bottom: 110px;}
    header.main_header .main_header_wrapper {
        position:fixed; top:0; left:0;
        width:100%; background:#fff;
    }

    /* TOP HEADER */
    section.top-header {
        -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.4);
    }
    section.top-header .top-header-inner {padding-right:50px;}
    section.top-header .top-header-inner > div {width:auto;}
    a.site-logo img {max-height:50px;}
    .top-header-info {padding-left:40px; font-size:14px;}
    .top-header-info:before {font-size:28px;}

    /* NAV MENU */
    body.menu_opening {overflow:hidden;}
    body.menu_opening nav.header-menu {left:0;}
    nav.header-menu {
        position:fixed; top:88px; left:-100%;
        width:100%; height:calc(100% - 88px); overflow:auto;
        -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
    }
    body.home:not(.leave-top) nav.header-menu {
        background: -webkit-linear-gradient(35deg, rgb(26, 104, 183) 0%, rgb(60, 143, 213) 55%);
        background: -o-linear-gradient(35deg, rgb(26, 104, 183) 0%, rgb(60, 143, 213) 55%);
        background: -ms-linear-gradient(35deg, rgb(26, 104, 183) 0%, rgb(60, 143, 213) 55%);
        background: -moz-linear-gradient(35deg, rgb(26, 104, 183) 0%, rgb(60, 143, 213) 55%);
        background: linear-gradient(55deg, rgb(26, 104, 183) 0%, rgb(60, 143, 213) 55%);
    }
    nav.header-menu ul.menu {display:block;}
    nav.header-menu ul.menu > li {padding:10px 0; border-bottom:1px solid #00000047;}
    nav.header-menu ul.menu > li > a:before {display:none;}

    nav.header-menu ul.sub-menu {
        position:relative; top:auto; left:auto;
        opacity:1; visibility:visible; background:transparent;
        width:100%; padding:0 0 0 20px; box-sizing:border-box;
    }
    nav.header-menu ul.sub-menu li {padding:5px 5px 5px 20px;}
    nav.header-menu ul.sub-menu li:before {top:20px;}
    /* NAV MENU > Sub menu (Has image) */
    nav.header-menu ul.sub-menu.has-submenu-image {left:auto; transform:none; width:100%; display:block;}
    ul.sub-menu.has-submenu-image .drl-submenu-image {width:auto; max-width:300px; margin-bottom:10px;}
    ul.sub-menu.has-submenu-image .drl-submenu-items {width:auto; padding-left:0;}

    /* BREADCRUMBS */
    section.breadcrumbs {display:none;}

    /* BOOKING FORM > form*/
    body.drlinh .gform_wrapper h3.gform_title {font-size:32px;}

    /* MAP */
    section.footer-map .map-info {left:10%; max-width:300px;}
    section.footer-map .map-info .map-info-inner {color:#fff; padding:20px;}
    section.footer-map .wpgmza_map {height:400px!important;}
    /* TOP HEADER > Info (MAP) */
    .map-info .top-header-info .content {font-size:15px;}
    .map-info .top-header-info:not(:last-child) {margin-bottom:10px;}
    .map-info .top-header-info {padding-left:30px;}
    .map-info .top-header-info:before {font-size:20px;}
    .map-info .top-header-info .label {font-size:15px;}

    /* NEWS CATEGORY NAVIGATION */
    section.news-cat-nav ul > li > a {font-size:15px; padding:10px 30px;}

    /* THE CONTENT > header */
    .the-post-header, .the-post-header .post-banner {margin-bottom:30px;}
    .the-post-header .post-category {margin-bottom:20px;}
    .the-post-header h1.post-title {font-size:35px;}

    /* SIDE NAVIGATION */
    body.single-post .side-navigation {padding-left:20px;}
    body.single-post .side-navigation > section {margin-bottom:20px;}

    /* SIDE NAVIGATION > recent post */
    h2.side-label {margin-bottom:20px;}
    ul.list-recent-posts {margin:0 -6px -10px;}
    ul.list-recent-posts .post-item {padding:0 5px 10px;}
    .post-item .item-date {font-size:14px; margin-top:5px;}
    .item-title a {font-size:18px;}

    /* SIDE NAVIGATION > Newsletter */
    section.newsletter-wrapper .newsletter {padding:20px;}

    /* MOST POPULAR POSTS */
    ul.list-most-popular-posts .post-item {padding:0 0 20px;}
    ul.list-most-popular-posts .item-inner .item-info {padding-left:20px;}

    /* FOOTER CONTENT */
    footer ul.menu > li > a {font-size:15px;}
    #copyright {font-size:12px;}

    /****************************
     * Visual Composer Elements
    ****************************/
    /* GRAVITY FORM */
    body.drlinh  .gform_wrapper .top_label div.ginput_container {margin:0;}
    body.drlinh .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
        padding:0 20px; height:50px;
    }
    body.drlinh .gform_wrapper textarea {padding:10px 20px;}

    /* CIRCULAR SLIDER */
    /*.drl-slider-container .drl-slider-arrow {background:#fff;}
    .drl-slider-container .drl-slider-prev {left:20px;}
    .drl-slider-container .drl-slider-next {right:20px;}*/
    .main_content .slick-prev {left:-20px;}
    .main_content .slick-next {right:-20px;}

    /* FEATURED PRODUCTS */
    section.drl-featured-products .product-item-inner .product-thumbnail {width:180px; height:180px;}

    /* MAIN STATS */
    .main-stats-inner .stat-item {width:180px; padding:0 10px; margin:10px 0;}
    .main-stats-inner .stat-inner {padding:10px;}
    .stat-inner .stat-thumbnail img {max-height:25px;}
    .stat-inner .stat-num-postfix {font-size:25px;}
    .stat-inner .stat-text {font-size:15px;}

    /* NEWS SLIDER */
    .drl-news-item-inner .drl-news-thumbnail img {height:240px;}
    .drl-news-item-inner h3.drl-news-title {font-size:20px;}
    .drl-news-item-inner time.drl-news-time {font-size:16px; padding:0 0 0 30px;}
    .drl-news-item-inner time.drl-news-time:before {bottom:7px; width:20px; height:2px;}

    /* FORM MAP */
    section.footer-form-map > section {width:100%;}
    section.footer-form-map section.footer-map .wpgmza_map {height:400px!important;}
}
@media only screen and (max-width: 980px){

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

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

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

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

}

/****************************** Mobile version *******************************/
@media only screen and (max-width: 768px) {
    body {font-size:16px;}
    #primary {padding:30px 0;}
    .mceContentBody h1, .main_content h1 {font-size: 40px;}
    .mceContentBody h2, .main_content h2 {font-size: 35px;}
    .mceContentBody h3, .main_content h3 {font-size: 28px;}
    .mceContentBody h4, .main_content h4 {font-size: 22px;}
    .mceContentBody h5, .main_content h5 {font-size: 20px;}
    .mceContentBody h6, .main_content h6 {font-size: 18px;}
    /* Text sizes */
    .txt_size_45px {font-size: 38px}
    .txt_size_40px, .title_heart_beat {font-size: 32px}
    .txt_size_35px {font-size: 28px}
    .txt_size_30px {font-size: 22px}
    .txt_size_25px, .icon_top_drlinh {font-size: 20px}
    .txt_size_20px, p.paragraph_italic, .blue-label {font-size: 18px}
    .txt_size_18px {font-size: 16px}
    .txt_size_16px {font-size: 14px}

    .btn_menu {top:8px;}
    /* TOP HEADER */
    header.main_header {margin-bottom: 60px;}
    body.single-post header.main_header {margin-bottom: 100px;}
    a.site-logo img {max-height:40px;}
    section.top-header .top-header-info {display:none;}

    /* NAV MENU */
    nav.header-menu {top:60px; height:calc(100% - 60px);}
    nav.header-menu ul.sub-menu li > a {white-space:normal;}

    /* NEWS CATEGORY NAVIGATION */
    section.news-cat-nav ul {display:none;}
    section.news-cat-nav {padding:5px 0;}
    section.news-cat-nav select.hidden {display:block; width:100%; padding:10px;}

    /* THE CONTENT */
    body.single-post .the-content {width:100%;}

    /* SIDE NAVIGATION */
    body.single-post .side-navigation {width:100%; padding-left:0;}

    /* BOOKING FORM > form*/
    body.drlinh .gform_wrapper h3.gform_title {font-size:25px; text-align:center;}
    section.footer-form .booking-form {width:100%; padding:0;}
    section.footer-form .form-image {display:none;}

    /* MAP */
    section.footer-map .map-info {display:none;}
    footer .vc_wp_custommenu {display:none;}

    /* CIRCULAR SLIDER */
    .drl-slider-container .drl-slider {height: 400px; width:500px;}
    .drl-slider-container .drl-slider .drl-slider-item {width:500px;}

    /* BOX, BORDER */
    .box-dot-pattern {padding:20px;}
    .box-dot-pattern-stretch {padding:40px 20px;}

    /* FEATURED PRODUCTS */
    section.drl-featured-products .product-item {width:100%;}
    section.drl-featured-products .product-item-inner .product-thumbnail {width:150px; height:150px;}
    section.drl-featured-products .product-item-inner .product-name {font-size:20px;}

    /* CTA BUTTON */
    .cta-button-wrapper {top:15%;}
    .cta-button-wrapper > button div {display:none;}
    .cta-button-wrapper > button {padding:15px;}
    .cta-button-wrapper > button:before {position:relative; top:auto; left:auto; transform:none;}
    .floating-icons {top:25%; right:5px;}

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

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

}
@media only screen and (max-width: 480px) {
    body {font-size:14px;}
    .mceContentBody h1, .main_content h1 {font-size: 35px;}
    .mceContentBody h2, .main_content h2 {font-size: 28px;}
    .mceContentBody h3, .main_content h3 {font-size: 22px;}
    .mceContentBody h4, .main_content h4 {font-size: 20px;}
    .mceContentBody h5, .main_content h5 {font-size: 18px;}
    .mceContentBody h6, .main_content h6 {font-size: 16px;}
    /* Text sizes */
    .txt_size_45px {font-size: 32px}
    .txt_size_40px, .title_heart_beat {font-size: 28px}
    .txt_size_35px {font-size: 22px}
    .txt_size_30px {font-size: 20px}
    .txt_size_25px, .icon_top_drlinh {font-size: 18px}
    .txt_size_20px, p.paragraph_italic, .blue-label {font-size: 16px}
    .txt_size_18px {font-size: 14px}

    /* BOOKING FORM > form*/
    body.drlinh .gform_wrapper h3.gform_title {font-size:20px;}
    body.drlinh .gform_wrapper ul.gform_fields > li.drlinh-field-phone {width:100%;}
    body.drlinh .gform_wrapper ul.gform_fields > li.drlinh-field-age {width:100%; padding-left:0!important;}

    /* CIRCULAR SLIDER */
    .drl-slider-container .drl-slider {height: 400px; width:350px;}
    .drl-slider-container .drl-slider .drl-slider-item {width:350px;}
}
@media only screen and (max-width: 460px) {

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

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

}