/* ----------------------------------

Name:responsive.css
Version:1.0.0

---------------------------------- */

@media screen and (max-width:1800px) {
    .portfolio-style4 .portfolio-figure .title { font-size: 28px; }
    .portfolio-style4 .black-line { margin: 16px auto; }
    .portfolio-style6 .portfolio-figure figcaption { padding: 5%; }
}
@media screen and (max-width:1700px) {
    .portfolio-style4 .portfolio-figure .title { font-size: 28px; margin-bottom: 0; }
    .portfolio-style4 .black-line { margin: 12px auto; }
    .portfolio-style4 .portfolio-figure figcaption span { font-size: 25px; }
    .portfolio-style4 .tour-details { font-size: 13px; margin-left: 0; margin-right: 0; width: 100%; }
    .portfolio-style6 .portfolio-figure .title { font-size: inherit; line-height: normal; margin-bottom: 0px; }
     
}
@media screen and (max-width:1600px) {
    .portfolio-style4 .portfolio-figure .title { font-size: 26px; padding-bottom: 5px; }
    .portfolio-style4 .portfolio-figure figcaption span { display: none; }
    .portfolio-style4 .portfolio-figure figcaption span.tour-price-popup { display: block; }
    .portfolio-style4.tour-details { font-size: 14px; margin-left: 0; margin-right: 0; width: 100%; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 20px; }
}
@media screen and (max-width:1650px) {
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 40% 0 0; }
    .portfolio-style2 .portfolio-figure figcaption .title { font-size: 14px !important; letter-spacing: 2px; line-height: 24px; }
}
@media (max-width:1580px) {
    .popup-slide .title { padding-bottom: 25px; }
    .popup-line { margin: 15px 0; }
    .seasonal-dishes .title { margin: 0 !important}
    .popup-slideshow-style1 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style2 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style3 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style4 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style5 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style6 .popup-slide .title { padding-bottom: 25px; }
    .popup-slideshow-style7 .popup-slide .title { padding-bottom: 25px; }
}
@media (max-width:1557px) {
    /*.mCSB_container { height: auto !important; }*/
    .popup-navigation span.nav-close { right: 20px; }
    .portfolio-figure .title { margin-bottom: 3px; line-height: 24px; font-size: 20px; }
    .grid figcaption span { font-size: 16px; }
    .cs-style-3 figcaption { height: 85px; padding: 18px; }
    .cs-style-3 figcaption a { bottom: 10px; right: 8px; }

    
    /* */
    .portfolio-style1 .portfolio-figure figcaption .title { margin-bottom: 3px; line-height: 24px; font-size: 20px; }
    .portfolio-style1 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .portfolio-style1 .portfolio-figure figcaption span{ font-size: 16px !important; }
    .portfolio-style1 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    .portfolio-style3 .portfolio-figure .title { margin-bottom: 3px; line-height: 24px; font-size: 20px; }
    .portfolio-style3 .portfolio-figure figcaption { padding: 18px;}
    .portfolio-style5 .portfolio-figure figcaption .title { margin-bottom: 3px; line-height: 24px; font-size: 20px; }
    .portfolio-style5 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .portfolio-style5 .portfolio-figure figcaption span{ font-size: 16px; }
    .portfolio-style5 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    .portfolio-style7 .portfolio-figure figcaption .title { margin-bottom: 3px; line-height: 24px; font-size: 20px; }
    .portfolio-style7 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .portfolio-style7 .portfolio-figure figcaption span{ font-size: 16px; }
    .portfolio-style7 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    
}
@media (max-width:1500px) {
    .slider-text-style4 h1 { font-size: 60px}
    .portfolio-style6 .portfolio-figure figcaption span { display: none; }
    .portfolio-style6 .portfolio-figure figcaption a { margin: 10px 0px; display: table; }
}
@media screen and (max-width:1400px) {
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 34% 0 0; }
    .portfolio-style2 .portfolio-figure figcaption span { width: 100%; }
    .slider-text-style4 h1 { font-size: 40px}
    .slider-text-style4 span { font-size: 27px; }
    .portfolio-style4 .portfolio-figure figcaption span.tour-price-popup { display: none; }
    .portfolio-style4 .portfolio-figure .title { font-size: 22px; padding-bottom: 5px; }
    .portfolio-style4 .tour-details { font-size: 13px; }
    .popup-slideshow-style4 .itinerary li p { width: 77%; }
}
@media screen and (max-width:1210px) { 
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 30% 0 0; }
    .portfolio-style2 .portfolio-figure figcaption { padding: 7%; }
    .portfolio-style2 .portfolio-figure figcaption a { margin-top: 13px; }
    
}
@media (max-width:1199px) {
    .fetaure-details .title { width: 100%; }
    .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-line { margin: 10px 0; }
    .popup-slide .category { font-size: 24px; line-height: inherit; }
    .right-part p { line-height: 22px; }
    .popup-navigation span.nav-prev, 
    .popup-navigation span.nav-next { font-size: 29px; }
    
    /* Only Blog Page */
    .sidebar-block .title, 
    #comments .title, 
    .recent-comments .title { font-size: 18px; }
    .blog-page .blog-day { width: 80px; height: 80px; font-size: 40px; }
    .blog-page .blog-day span { top: 27px; }
    .blog-page .post-preview .blog-title { margin-bottom: 0; line-height: 26px; }
    .blog-details .post-preview .blog-title { margin-bottom: 0; line-height: 26px; }
    .recent_posts_content a { font-size: 12px; line-height: 16px; }
    .comments li { font-size: 13px; }
    .team-details:hover .our-team { padding-top: 63px; }
    
    /* */
    .team-style1 .team-details:hover .our-team { padding-top: 63px; }
    .team-style2 .team-details:hover .our-team { padding-top: 63px; }
    .team-style3 .team-details:hover .our-team { padding-top: 63px; }
    .team-style4 .team-details:hover .our-team { padding-top: 63px; }
    .team-style5 .team-details:hover .our-team { padding-top: 63px; }
    .team-style6 .team-details:hover .our-team { padding-top: 63px; }
    .team-style7 .team-details:hover .our-team { padding-top: 75px; }
    .slider-text-style4 h1 { font-size: 44px}
    .slider-text-style4 span { font-size: 25px; }
    .portfolio-style4 .portfolio-figure .title { font-size: 20px; line-height: 24px; }
    .popup-slideshow-style1 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style1 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style2 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style2 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style3 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style3 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style4 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style4 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style4 .itinerary li p { width: 85%; }
    .popup-slideshow-style5 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style5 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style6 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style6 .popup-slide .category { font-size: 24px; line-height: inherit; }
    .popup-slideshow-style7 .popup-slide .title { font-size: 42px; padding-bottom: 16px; line-height: 44px; }
    .popup-slideshow-style7 .popup-slide .category { font-size: 24px; line-height: inherit; }
}
@media screen and (max-width:1100px) {
    .slider-text-style4 h1 { font-size: 34px !important; }
    .slider-text-style4 span { font-size: 22px; }
    .portfolio-style4 .tour-details { display: none; }
    .portfolio-style4 .black-line { display: none; }
    .portfolio-style4 .portfolio-figure .title { font-size: 30px; line-height: 40px; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 30px; }
    .slider-text-style5 h1 { padding: 25px 44px; font-size: 47px; }
    .black-bg .about-details .padding-70 { padding: 40px;}
}
@media screen and (max-width:1055px) {
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 51% 0 0; }
    .portfolio-style2 .portfolio-figure figcaption .title { display: block; }
    .portfolio-style2 .portfolio-figure figcaption span { display: none; }
    .portfolio-style2 .portfolio-figure figcaption a { display: block; float: left; }
}
@media (max-width:1024px) {
    header .intro-section { padding-top: 40%; }
    .home-slider h1 { font-size: 45px; }
    
    /* */
    .header-text-style1 .intro-section { padding-top: 40%; }
    .header-text-style2 .intro-section { padding-top: 40%; }
    .slider-text-style2 .slider-text { height: 74%}
    .slider-text-style3 .slider-text h2 { margin: 15px 0 0;}
    .header-text-style4 .intro-section { padding: 30px 0 30px 30px; top: 22%; }
}
@media only screen and (min-width:993px) and (max-width:1200px) {
    .slider-text-style3 h1 { font-size: 60px;}
    .blog-style1.blog-content .blog-title {padding-left: 25px;}
    .slider-text-style3 span { width: 70%; }
    .slider-text-style3 .slider-text { height: 78%; }
}
@media (max-width:991px) {
    .simple-text { height:119px !important; line-height:22px !important; padding-top: 1%; }
    .simple-text p { font-size:14px; line-height:20px; }
    .title-text { height:119px !important; padding-top: 2%; }
    .feature-contant { margin-top:5% !important; margin-bottom:2% !important; }
    .feature-contant .col-md-6 { margin-bottom:4%; }
/*    .count-box { margin-bottom:5%; margin-left:6%; }*/
    .team-details { margin-bottom: 8%; }
    p.light { margin: 9% 0 2% !important; }
    p.big { margin-bottom: 9%;}
    .conter-box .col-md-3 { margin-bottom: 4%; margin-left: 6%; margin-top: 4%; }
    .conter-box .last { margin-bottom:0 !important; }
    .form-control { max-width:100% !important; }
    .counterBoxNumber { font-size:70px; }
    .portfolio-figure .title { font-size: 16px; }
    .fetaure-details .title { font-size: 20px; }
    .team-details:hover .our-team { padding-top: 145px; }
    h2.title { font-size: 65px; padding-bottom: 10px; }
    h1.title { font-size: 45px; margin: 0 auto; }
    .contact-text { width: 75%; }
    .grid figcaption span { font-size: 14px; }
    .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-day span { top: 24px; }
    .blog-content:hover .blog-day span { top: 22px; }
    .team-details { float: left; }
    .width { width: 100%; font-size: 24px; line-height: 30px; }
    .carousel-caption p { font-size: 22px; }
    .blog-content-out .content { line-height: 22px; }
    #testimonial .title { margin-bottom: 10px; }
    .carousel-caption span { margin-bottom: 35px; }
    .popup-slider { float: none; position: inherit; width: 100%; }
    .popup-slide .right-part { width: 100%; }
    .popup-navigation span.nav-next { left: 93%; }
    .popup-navigation span.nav-prev { right: 93%; }
    .chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span { font-size: 40px; }

    /* Stickey Nav */
    .nav > li > a { margin: 10px 10px; }
    .nav > li.last > a { margin: 10px 0 10px 10px; }
    .shrink-nav .nav > li.last > a { margin: 13px 0 10px 10px}

    /* Only Blog Page */
    .blog-page .blog-day { width: 65px; height: 65px; font-size: 32px; }
    .blog-page .blog-day span { top: 20px; }
    .blog-page .content { font-size: 12px; }
    .listing_meta span:before { padding: 0 4px 0 2px; }
    .blog-page .post-preview .blog-title { margin-bottom: 0px; line-height: 20px; }
    .sidebar-block .title, 
    #comments .title, 
    .recent-comments .title { font-size: 14px; }
    .month { font-size: 12px; }
    .blog-details .col-md-offset-2 { margin-left: 20%; }
    .blog-page span.name { float: left; margin-top: 5px; }
    .blog-page span.date.light-gray { float: left; clear: both; }
    figure.ipad-scroll { overflow-y:scroll;}
    
    /* */
    .title-style1 .description { font-size: 14px; line-height: 20px; }
    .portfolio-style1 .portfolio-figure figcaption .title {   font-size: 16px; }
    .portfolio-style1 .portfolio-figure figcaption span{ font-size: 14px !important; }
    .portfolio-style1 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    .portfolio-style1 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .title-style1 .simple-text { height:119px !important; line-height:22px !important; padding-top: 1%;}
    .title-style1 .simple-text p { font-size:14px; line-height:20px; }
    .canvas-style1 .chart span, .canvas-style1 .chart2 span, .canvas-style1 .chart3 span, .canvas-style1 .chart5 span, .canvas-style1 .chart6 span, .canvas-style1 .chart7 span, .canvas-style1 .chart8 span { font-size: 40px;}
    .canvas-style2 .chart6 span { font-size: 40px;}
    .canvas-style3 .chart4 span { font-size: 40px;}
    .canvas-style4 .chart5 span { font-size: 40px;}
    .canvas-style5 .chart8 span { font-size: 40px;}
    .team-style1 .team-details:hover .our-team { padding-top: 145px; }
    .team-style6 .team-details:hover .our-team { padding-top: 145px; }
    .counter-style1 .counterBoxNumber { font-size: 70px; }
    .counter-style2 .counterBoxNumber { font-size: 70px; }
    .counter-style3 .counterBoxNumber { font-size: 70px; }
    .counter-style4 .counterBoxNumber { font-size: 70px; }
    .blog-style1 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-style1 .blog-day span { top: 24px; }
    .blog-style1 .blog-content:hover .blog-day span { top: 22px; }
    .title-style5 h2.title { font-size: 20px; margin-top: 38px; padding: 3px 25px;}
    .title-style5 .title-text { display: block; }
    .portfolio-style2 .portfolio-figure .title { line-height: 18px !important; }
    .about-spa { padding: 90px 30px; }
    .team-style2 .team-details:hover .our-team { padding-top: 145px; }
    .about-spa .container { width: 90%; }
    .title-style5 .description {  margin-top: 0 !important}
    .title-style5 .margin-bottom-50 { margin-bottom: 0px !important}
    .model-box .simple-text { height: auto !important}
    .team-style3 .team-details:hover .our-team { padding-top: 145px; }
    .team-style4 .team-details:hover .our-team { padding-top: 145px; }
    .blog-style2 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-style2 .blog-day span { top: 24px; }
    .blog-style2 .blog-content:hover .blog-day span { top: 22px; }
    .title-style2 h2.title { margin-top: 40px; padding-bottom: 0;}
    .dishes-style2 .dishes-main-text { padding: 10px 15px; }
    .dishes-style2 .dishes-main-text h4 { font-size: 19px; }
    .portfolio-style3 .portfolio-figure .title { font-size: 16px; }
    .portfolio-style3 .portfolio-figure figcaption span { font-size: 14px; }
    .work-count-style1 span.title { font-size: 28px; }
    .blog-style3 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-style3 .blog-day span { top: 24px; }
    .blog-style3 .blog-content:hover .blog-day span { top: 22px; }
    .contact-style4 .contact-text { width: 75%;}
    .contact-style5 .contact-text { width: 75%;}
    .contact-style6 .contact-text { width: 75%;}
    .contact-style7 .contact-text { width: 75%;}
    .contact-style8 .contact-text { width: 75%;}
    .dishes-style1 .dishes-main-text h4 { line-height: 28px; } 
    .team-style5 .team-details:hover .our-team { padding-top: 145px; }
    .portfolio-style4 .portfolio-figure .title { font-size: 24px; line-height: 30px; }
    .work-count-style2 span.title { font-size: 23px; }
    .blog-style4 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-style4 .blog-day span { top: 24px; }
    .blog-style4 .blog-content:hover .blog-day span { top: 22px; }
    .header-text-style3 .highlight { font-size: 68px; }
    .header-style3 .intro-bg { height: 410px; }
    .header-text-style3 .intro-section { padding-top: 40%;}
    .portfolio-style5 .portfolio-figure figcaption .title {   font-size: 16px; }
    .portfolio-style5 .portfolio-figure figcaption span{ font-size: 14px; }
    .portfolio-style5 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    .portfolio-style5 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .blog-style5 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .blog-style5 .blog-day span { top: 24px; }
    .blog-style5 .blog-content:hover .blog-day span { top: 22px; }
    .team-style7 .team-details:hover .our-team { padding-top: 185px; }
    .title-style3 h2.title { line-height: 65px; padding-bottom: 15px; }
    .work-count-style3 span.title { margin: 20px 0 15px 0 !important}
    .work-count-style3 .margin-bottom-50 { margin-bottom: 25px !important; }
    .blog-style6 .padding-30 { padding: 10px; }
    .blog-style6 span.title { margin: 20px 0 15px 0 !important; }
    .header-text-style4 .highlight { font-size: 40px; }
    .header-text-style4 .intro-section { top: 32%; padding: 40px 0 40px 40px; left: 44%; }
    .header-text-style4 .intro-section .intro { line-height: inherit; margin: 0 0 15px; }
    .header-text-style4 .treatments { padding: 13px 0 23px; }
    .title-style4 h2.title { font-size: inherit !important; margin: 90px 0 31px; padding-bottom: 0;}
    .black-bg .about-details .padding-70 { padding: 35px;}
    .black-bg .about-details h6.light-gray { font-size: 18px; line-height: 26px; margin-top: 0; }
    .column-text-553b83cb0b23a p { font-size: 18px; line-height: 26px; margin-top: 0; }
    .black-bg .about-details .margin-top { margin-top: 20px !important; }
    .black-bg .about-details .col-sm-9 { padding-left: 0; width: 100%; }
    #award .margin-bottom-100 { margin-bottom: 50px !important;}
    #award .margin-top { margin-top: 20px !important; }
    .award-style1 span.title {   margin: 20px 0 10px; min-height: 46px;}
    .portfolio-style7 .portfolio-figure figcaption .title {   font-size: 16px; }
    .portfolio-style7 .portfolio-figure figcaption span{ font-size: 14px; }
    .portfolio-style7 .portfolio-figure figcaption a { bottom: 10px; right: 8px; }
    .portfolio-style7 .portfolio-figure figcaption { height: 85px; padding: 18px; }
    .popup-slideshow-style1 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style1 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style1 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style1 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style2 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style2 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style2 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style2 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style3 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style3 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style3 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style3 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style4 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style4 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style4 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style4 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style5 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style5 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style5 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style5 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style6 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style6 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style6 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style6 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    .popup-slideshow-style7 .popup-slider { float: none; position: inherit; width: 100%;}
    .popup-slideshow-style7 .popup-slide .right-part { width: 100%; }
    .popup-slideshow-style7 .popup-navigation span.nav-next { left: 93%; font-size: 29px;}
    .popup-slideshow-style7 .popup-navigation span.nav-prev { right: 93%; font-size: 29px;}
    
    /*--- 11 april 2015 ---*/
    #chef .col-md-3 { float: left; width: 50%;}
    #reviews .col-md-3 { margin-bottom: 5%; margin-left: 6%;}
    #reviews .col-md-3:nth-child(3) { margin-bottom: 0px;}
    #reviews .col-md-3:nth-child(4) { margin-bottom: 0px;}
    .blog-style1.blog-content:hover .blog-day span { top: 22px; }
    .blog-style2.blog-content:hover .blog-day span { top: 22px; }
    .blog-style3.blog-content:hover .blog-day span { top: 22px; }
    .blog-style4.blog-content:hover .blog-day span { top: 22px; }
    .blog-style5.blog-content:hover .blog-day span { top: 22px; }
    #offers .col-md-3:nth-child(3) { margin-bottom: 0px;}
    #offers .col-md-3:nth-child(4) { margin-bottom: 0px;}
    
    /*--- 25 april 2015 ---*/
    .purple .blog-style1 .blog-day { font-size: 40px; height: 74px; width: 74px; }
    .purple .blog-style1 .blog-day span { top: 24px; }
    .purple .blog-style1.blog-content:hover .blog-day span { top: 22px; }
    
}
@media screen and (max-width:840px) {
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 43% 0 0; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 20px; }
}
@media (max-width:792px) {
    .portfolio-item { width: 24.95%; }
    
    /* */
    .portfolio-style1 .portfolio-item { width: 24.95%; }
    .portfolio-style1 .portfolio-figure figcaption span { font-size: 12px !important; }
    .portfolio-style2 .portfolio-item { width: 24.95%; }
    .portfolio-style3 .portfolio-item { width: 24.95%; }
    .portfolio-style4 .portfolio-item { width: 24.95%; }
    .portfolio-style5 .portfolio-item { width: 24.95%; }
    .portfolio-style6 .portfolio-item { width: 24.95%; }
    .portfolio-style7 .portfolio-item { width: 24.95%; }
}
@media (max-width:770px) {
    .contact .row:last-child { padding: 0 15px; }
}
@media (max-width:772px) {
    .portfolio-item { width: 24.94%; }
    h3.title { font-size: 16px; }
    .grid figcaption span { font-size: 12px; }
    .blog-page h3.title { font-size: 30px; }
    
    /* */
    .portfolio-style1 .portfolio-figure figcaption span { font-size: 12px !important; }
    .portfolio-style1 .portfolio-item { width: 24.94%; }
    .portfolio-style2 .portfolio-item { width: 24.94%; }
    .portfolio-style3 .portfolio-item { width: 24.94%; }
    .portfolio-style4 .portfolio-item { width: 24.94%; }
    .portfolio-style5 .portfolio-item { width: 24.94%; }
    .portfolio-style6 .portfolio-item { width: 24.94%; }
    .portfolio-style7 .portfolio-item { width: 24.94%; }
    
}
@media (max-width:768px) {
    .highlight { font-size: 65px; }
    .portfolio-item { max-width: 50%; width: 49.94%; }
    .portfolio-figure figcaption { padding: 10px; height: 70px; }
    .portfolio-figure figcaption i { font-size: 50px; }
    .cs-style-3 figcaption a { bottom: 8px; right: 10px; }
    .carousel-caption span { margin-bottom: 10%; }
    .fetaure-details .content { width: 83%; }
    .margin-top { margin-top: 4% !important; }
    .title-text { height: 180px !important; }
    .simple-text { padding-left: 17px; height: 180px !important; }
    .carousel-inner .container { margin: 0; width: 100%; }
    .count-box:nth-child(3), 
    .count-box:nth-child(4), 
    .conter-box .col-md-3:nth-child(3) { margin-bottom: 0; }
    .conter-box .col-md-3:nth-child(1), 
    .conter-box .col-md-3:nth-child(2) { }
    
    .canvas-style3 .count-box:nth-child(3), .canvas-style3 .count-box:nth-child(4), .canvas-style3 .conter-box .col-md-3:nth-child(3) {  margin-bottom: 5%;}
    .head { margin-bottom: 35px; }
    .carousel-caption { width: 77%; }
    .feature-content { margin-top: 60px; }
    #about .service-box { width: 50%; border-bottom: 1px solid #e5e5e5; }
    #about .service-box:nth-child(2) {border-right: 0; }
    .count-box .title { line-height: 26px; font-size: 20px; }
    .left-part { padding: 0 10px 0 0; }
    .counterBox .orange-line { margin: 5px auto 9px; }
    .form-group { margin-bottom: 0; }
    .form-group button { margin-bottom: 0; }
    #blog-list { padding-top: 90px; }
    #blog-details { padding-top: 90px; }
    .blog-page .blog-content { margin: 30px 0; }
    .comments-main { float: left; padding: 0 15px; width: 100%; }
    .blog-page .white-line { margin: 25px auto 13px; }
    .dishes-main-text p { line-height: 22px; }
    .carousel-inner .margin-top { margin-top: 0 !important; }
    
    /* */
    .portfolio-style1 .portfolio-figure figcaption { padding: 10px; height: 70px;}
    .portfolio-style1 .portfolio-figure figcaption a  { bottom: 8px; right: 10px; }
    .portfolio-style1 .portfolio-figure figcaption i { font-size: 50px; }
    .portfolio-style1 .portfolio-item { max-width: 50% !important; width: 49.94% !important;  }
    .title-style1 .simple-text { padding-left: 17px; height: 180px !important;}
    .work-count-style1 span.title { font-size: 25px;}
    .header-text-style1 .highlight { font-size: 65px; }
    .header-text-style2 .highlight { font-size: 65px}
    .portfolio-style2 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 41% 0 0; }
    .portfolio-style2 .portfolio-figure figcaption .title { display: block; width: 100%; }
    .portfolio-style2 .portfolio-figure figcaption span { display: block; }
    .work-count-style4 span.title { margin: 20px 0 7px 0 !important; }
    .work-count-style4 .work-count-box .gray-text { margin-bottom: 25px !important;}
    .counter-style2 .white-line-small { margin: 9px auto}
    .about-spa { padding: 30px; }
    #blog .padding-30 { padding: 15px; }
    .title-style5 .col-sm-7 { width: 87%; }
    .work-count-style4 .col-sm-7 { width: 85.333333%; }
    .title-style5 .title-text { height: auto !important;}
    .about-spa-details { width: 80%; }
    .blog .description { display: inline-block; width: 100%; }
    .title-style5 h2.title { margin-bottom: 25px;}
    .blog-style6 span.title { margin: 20px 0 7px !important;}
    .contact-style2 .contact-info { margin-top: 0px; padding-top: 20px !important; min-height: 47px; }
    .contact-style2 .contact-text { width: 75%;}
    .contact-style5 .contact-info { margin-top: 0px; padding-top: 20px !important;}
    .contact-style5 .contact-text { width: 75%;}
    .contact-style2 .head { margin-bottom: 35px; }
    .contact-style3 .head { margin-bottom: 35px; }
    .contact-style4 .head { margin-bottom: 35px; }
    .contact-style5 .head { margin-bottom: 35px; }
    .contact-style6 .head { margin-bottom: 35px; }
    .contact-style7 .head { margin-bottom: 35px; }
    .contact-style8 .head { margin-bottom: 35px; }
    .slider-text-style2 .slider-text { height: 65%; }
    .model-box .simple-text { width: 50% !important; }
    .service-style2 .service-box { border-bottom: 1px solid #262626 !important; }
    .models-text { padding: 30px !important; min-height: 0}
    .gallery ul li { width: 50%; }
    .blog .title-style1 .description { display: table-cell }
    .slider-text-style3 .white-line-bottom { margin-bottom: 9px; }
    .title-style2 .margin-left { margin-left: 0 !important; }
    .title-style2 a.small-button.inner-link:last-child { margin-bottom: 0; }
    .dishes-style2 .dishes-main-text h4 { line-height: 28px; margin-top: 0; }
    .portfolio-style3 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .slider-text-style4 span { padding: 20px 0 31px; }
    .dishes-style1 .dishes-main-text h4 { font-size: 16px; }
    .dishes-style1 .dishes-main-text { padding: 10px 10px; }
    .portfolio-style4 .portfolio-figure figcaption span, 
    .portfolio-style4 .portfolio-figure figcaption span.tour-price-popup, 
    .portfolio-style4 .black-line, 
    .portfolio-style4 .tour-details { display: block; }
    .portfolio-style4 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .team-style10 .row:nth-child(3) { margin-top: 0 !important}
    .canvas-style4 .count-box .title { line-height: 26px; font-size: 20px;}
    .holidays .carousel-indicators { bottom: -84px; margin-top: 0px; }
    .team-style5 .margin-bottom-100 {   margin-bottom: 76px; }
    .team-style5 .team-details:nth-child(3), .team-style5 .team-details:nth-child(4) { margin-bottom: 0; }
    .title-style2 .description { width: 89%;}
    .team-style5 { padding: 0px;}
    .work-count .container { margin: 0 !important; }
    .portfolio-style5 .portfolio-figure figcaption { padding: 10px; height: 70px;}
    .portfolio-style5 .portfolio-figure figcaption a  { bottom: 8px; right: 10px; }
    .portfolio-style5 .portfolio-figure figcaption i { font-size: 50px; }
    .portfolio-style5 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .title-style3 h2.title { font-size: 50px; line-height: 50px; }
    .portfolio-style6 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .portfolio-style6 .portfolio-figure figcaption span { display: block;}
    .work-count-style3 h6 { font-size: 16px; margin-top: 0; }
    .title-style3 .description { display: inline-block; margin-top: 0 !important; width: 100%; margin-bottom: 0 !important}
    .title-style3 .title-text { height: inherit !important;}
    .header-text-style4 .intro-section { padding: 30px 0 30px 30px; }
    .header-text-style4 .intro-section .intro { margin-bottom: 10px; }
    .header-text-style4 .highlight { font-size: 34px; }
    .header-text-style4 .treatments { padding: 11px 0 21px; }
    .black-bg .about-details .padding-70 { padding: 25px;}
    #award .description { width: 80%; font-size: 14px; line-height: 22px; }
    .title-style4 .description { width: 80%; font-size: 14px; line-height: 22px;}
    .canvas-style5 .description { width: 80%; font-size: 14px; line-height: 22px;  }
    #education .description { width: 80%; font-size: 14px; line-height: 22px; }
    .portfolio-style7 .portfolio-figure figcaption { padding: 10px; height: 70px;}
    .portfolio-style7 .portfolio-figure figcaption a  { bottom: 8px; right: 10px; }
    .portfolio-style7 .portfolio-figure figcaption i { font-size: 26px; top: -8px; left: 0; }
    .portfolio-style7 .portfolio-item { max-width: 50%; width: 49.94%;  }
    .blog-style7 span.title { margin: 20px 0 10px;}
    #skills h6.light-gray { font-size: 15px; line-height: 20px; }
    #skills .margin-top-50 { margin-top: 30px !important; }
    .contact-style1 .contact-text { width: 75%;}
    .contact-style3 .contact-text { width: 75%;}
    .contact-style1 .head { margin-bottom: 35px;}
    
    .purple .service-style1.service-box { border-bottom: 1px solid #262626 !important;}
    .pt-90-pb-90 { padding-bottom: 50px; padding-top: 50px; }
    .pt-0-pb-90 { padding-bottom: 50px; }
    .pt-90-pb-0 { padding-top: 50px;}
    .pt-129-pb-120 { padding-bottom: 90px; padding-top: 89px; }
    .single-post #blog-details { padding-bottom: 50px;}


}
@media (max-width:767px) {
    section .border-right { border-right:none; }
    .simple-text { width:auto !important; }
    .service-box { border-bottom:1px solid #e5e5e5; }
    #about .service-box { width: 100%; }
    /* Typography */
    .intro-bg { display: none; }
    h1.title { font-size: 42px; margin-bottom: 2%; }
    h2.title { font-size: 70px; padding-bottom: 0; }
    .big { font-size: 32px; margin-bottom: 5%; }
    span.highlight { background-color: transparent; font-size: 54px; padding: 0; }
    .home-slider h1 { font-size: 45px; padding: 19px 25px; }
    .home-slider span { font-size: 20px; padding: 10px 0 25px; }
    .simple-text { height: auto !important; padding: 0 0 2% 0; }
    .contact-text { width: 100%; }
    .count-box:nth-child(3) { margin-bottom: 6%; }
    .count-box:nth-child(4) { margin-bottom: 6%; }
    .carousel-caption p { font-size: 18px; line-height: 22px; }
    .work-count-box .title-top { font-size: 35px; display: inline-block; margin: 0 auto; line-height: 36px; }
    span.title { font-size: 25px; margin: 0 auto; }
    header .intro-section .intro, 
    .intro { font-size: 35px; line-height: 45px; }
    .head .text-left { text-align: center; }
    ul.icon-list .text-left { text-align: center; }
    .description { text-align: center; vertical-align: inherit; display: inline-block; }
    .title-text { height: auto !important; padding-left: 0; padding-right: 0; }
    .lead { font-size: 26px; }
    .work-count-box .content-white { margin: 0 auto; text-align: center; }
    .carousel-caption { width: 100%; }
    .left-part { text-align: center; }

    /* Sticky Nav */
    .navbar-collapse { margin-top: 20px; }
    .collapse-navation { float: left; width: 100%; }
    nav { padding-top: 20px }
    .nav > li { border-bottom: 1px solid #e5e5e5; }
    .nav > li > a { margin: 2px 0; }
    .nav > li.last { border-bottom: none }
    .nav > li.last > a { margin: 2px 0 }
    .navbar-inverse .navbar-nav > li.current > a, 
    .navbar-inverse .navbar-nav > li > a:hover { transition: none; padding: 10px 0 8px; margin: 2px auto 2px; }
    .navbar-inverse .navbar-nav > li.current > a { border-bottom: 2px solid #FFF }
    .navbar-inverse .navbar-nav > li > a { transition: none; padding: 10px 0 10px; }
    .sticky-nav .navbar-toggle { background-color: #FFF; margin: 3px 0 0 }
    .sticky-nav .navbar-toggle .icon-bar { background-color: #000 }
    .sticky-nav .navbar-toggle:hover .icon-bar { background-color: #fff }
    .shrink-nav .navbar-toggle { background-color: #000; margin-top: 8px }
    .shrink-nav .navbar-toggle .icon-bar { background-color: #fff }
    .sticky-nav .container { padding-left: 0; }
    .sticky-nav { background: rgba(255, 255, 255, 1); }
    .nav-transparent .logo-dark { display: block }
    .sticky-nav .logo-light { display: none }
    .shrink-nav.nav-dark, 
    .shrink-nav.nav-transparent { min-height: 80px }
    .sticky-nav .navbar-nav > li > a { color: #000 }
    .sticky-nav .navbar-nav > li > a:hover { color: #000; border-bottom: 2px solid #FFF }
    .navbar-default .navbar-nav > li > a { text-align: left }
    .sticky-nav .col-md-3 { padding: 0 }
    .shrink-nav .navbar-nav > li > a { margin-top: 2px; }

    /* Section */
    section { padding-top: 30px; padding-bottom: 30px; }
    #testimonial .color-overlay, 
    #conter-box .color-overlay { padding: 30px 0; }
    #contact { padding: 0 0 30px; }
    footer .color-overlay { padding-top: 30px; }
    #team { padding: 0 0 40px; }
    .work-count { padding-top: 30px; }
    canvas { width: 30%; }
    .contact-info { padding: 2px 0px; }
    .container { margin: 0 15px; }
    .left-part { padding: 0; }

    /* Other Styles */
    .portfolio-item { max-width: 100%; }
    .client-logos { padding: 0 0; }
    .client-logos .color-overlay { padding: 5% 0 6%; }
    .orange-line { margin: 8px auto; }
    .service-box { padding: 5% 0; }
    .width { width: 93%; margin-top: 3.5%; }
    .isotope-filters { margin: 5% 0; padding: 0; }
    .counterBoxNumber { font-size: 60px; }
    .conter-box .col-md-3 { margin: 50px 0 0; }
    .buttons .small-button { margin: 4% 0 0; }
    .form-group { margin-bottom: 0; }
    .form-group button { float: none; margin: 0 auto; text-align: center; }
    .contact-info { margin-top: 4%; }
    .head { margin-bottom: 4%; }
    .contact-title { margin: 0 auto 5px; }
    .divider { width: 100%; }
    .black-line-top { margin: 15px auto 2px; }
    .black-line-bottom { margin: 2px auto 12px; }
    .work-count-box { margin-bottom: 2% !important; text-align: center; }
    .btn-primary { margin: 0 auto; }
    .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    #blog-details { padding-top: 30px }
    .blog-day span { top: 20px; }
    .blog-content:hover .blog-day span { top: 17px; }
    .grid li { width: 100%; }
    .divider { width: 100%; }
    .count-box { margin-left: 0; }
    .clients-slider li { width: 27%; margin-top: 3%; margin-bottom: 3%; display: inline-block; }
    .feature { margin: 0 auto; }
    .icon-container { float: none; margin: 0 auto; text-align: center; }
    .fetaure-details .title { width: auto; }
    .fetaure-details .title, 
    .fetaure-details .content { float: none; text-align: center; }
    .carousel-indicators li { height: 15px; width: 15px; margin: 0 3px; }
    .carousel-indicators .active { height: 15px; width: 15px; margin: 0 3px; }
    ul.slides { margin-bottom: 0; }
    .preview_meta { line-height: 18px; }
    .dropdown-menu { min-width: 100%; text-align: center; }
    .feature-content { margin-top: 22px; margin-bottom: 22px; }
    .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slide .category { font-size: 22px; }
    .icon-list { margin-bottom: 15px; }
    .contact .row:last-child { padding: 11px 0 0 0; }
    .work-count-box:last-child .small-button { margin-bottom: 0; }
    .count-box:last-child { margin-bottom: 0 !important; }

    /* Only Blog Page */
    #blog-list { padding-top: 30px; }
    .blog-details .blog-content .col-md-offset-2 { margin-left: 15%; }
    .blog-page .content { width: 57%; }
    .blog-details .col-md-offset-2 { margin-left: 15%; }
    .media .content { width: 82%; }
    #pp_full_res img { width: 100% !important; height: 100% !important; }
    .pp_arrow_next, 
    .pp_arrow_previous, 
    .pp_close { display: none; }
    .blog-left { margin: 0; padding: 0; }
    .blog-page .blog-content { margin: 15px 0 0 0; }
    .post-preview { margin: 30px 0; }
    .blog-share { margin: 10px 0 15px; }
    .blog-right { padding: 0; }
    .pagination { padding: 45px 0 0 0; }
    .sidebar-block { margin-bottom: 30px; }
    .blog-page .padding-left { padding-left: 0; }
    .blog-page span.name { float: none; }
    .blog-page span.date.light-gray { float: none; }
    .comments-details .small-button { margin-bottom: 15px; }
    .blog-details .blogpost_share { margin-bottom: 30px; padding: 30px 0; }
    .comments-details { margin-bottom: 30px; padding-bottom: 30px; }
    .col-md-12.col-sm-12.left, 
    .comments-main, 
    .recent-comments { padding: 0; }
    
    /* */
    .portfolio-style1 .portfolio-item { width: 100% !important; max-width: 100% !important;}
    .title-style1 .simple-text { width:auto !important; height: auto !important; padding: 0 0 2% 0; }
    .title-style1 h2.title { font-size: 70px; padding-bottom: 0;}
    .title-style1 .simple-text p { padding-bottom: 10px;}
    .service-style1 .service-box { padding: 5% 0;}
    .canvas-style1 canvas { width: 40%; }
    .counter-style1 .counterBoxNumber { font-size: 60px; }
    .counter-style2 .counterBoxNumber { font-size: 60px; }
    .counter-style3 .counterBoxNumber { font-size: 60px; }
    .counter-style4 .counterBoxNumber { font-size: 60px; }
    .blog-style1 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .blog-style1 .blog-day span { top: 20px; }
    .blog-style1.blog-content:hover .blog-day span { top: 17px; }
    .contact-style1 .contact-info { margin-top: 4%; }
    .contact-style1 .contact-text { width: 100%;}
    .contact-style1 .head { margin-bottom: 4%; }
    .footer-style1 .color-overlay { padding-top: 30px;}
    .contact-style4 .contact-info { margin-top: 4%; }
    .contact-style4 .contact-text { width: 100%;}
    .contact-style4 .head { margin-bottom: 4%; }
    .footer-style4 .color-overlay { padding-top: 30px;}
    .contact-style5 .contact-text { width: 100%;}
    .contact-style5 .head { margin-bottom: 4%; }
    .footer-style5 .color-overlay { padding-top: 30px;}
    .footer-style6 .color-overlay { padding-top: 30px;}
    .header-text-style1 span.highlight { background-color: transparent; font-size: 54px; padding: 0; }
    .header-text-style1 .intro-section .intro, .intro { font-size: 35px; line-height: 45px; }
    .header-text-style2 .intro-section .intro, .intro { font-size: 35px; line-height: 45px; }
    .header-text-style2 .highlight { background-color: transparent; font-size: 54px; padding: 0;}
    .header-text-style2 span.highlight { background-color: transparent; font-size: 54px; padding: 0; }
    .title-style5 h2.title { margin: 31px 0 16px; }
    .team-style2 .namerol .content { width: 100%; }
    .portfolio-style2 .portfolio-item { width: 100%; max-width: 100%;}
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 84% 0 0; }
    .work-count-style4 span.title { font-size: 22px; }
    .work-count-style4 .work-count-box { display: inline-block; padding: 0; }
    .canvas-style2 canvas { width: 40%; }
    .canvas-style3 canvas { width: 40%; }
    .canvas-style4 canvas { width:40%; }
    .canvas-style5 canvas { width: 40%; }
    .work-count .col-sm-7 { width: 100%; margin-bottom: 30px; }
    .blog-style6 span.title { font-size: 14px; margin: 15px 0 15px 0 !important;}
    .work-count-box { display: inline-block; }
    .title-style5 .margin-bottom-50 { margin-bottom: 0px !important;}
    .contact-style2 .contact-info { margin-top: 4%; min-height:inherit}
    .title-style5 .description { margin-bottom: 0px !important;}
    .contact-style2 .contact-text { width: 100%; }
    .contact-style2 .head { margin-bottom: 4% !important;}
    .contact-style2 .icon-list li.divider-transparent { width: 100%;}
    .footer-style2 .color-overlay { padding-top: 30px; }
    .title-style5 .col-sm-7 { width: 100%; }
    .work-count-style4 .col-sm-7 { width:100%; }
    .about-spa-details { width: 100%;}
    .about-spa-details .col-md-8, .about-spa-details .col-md-6, .about-spa-details .col-md-4, .about-spa-details .col-md-3 { padding: 0px;}
    .border-gray-right { border-right: 0px;}
    .service-style2 .service-box { border-bottom: 1px solid #262626 !important; }
    .service-style2 .service-box { padding: 5% 0; }
    .blog-style2 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .blog-style2 .blog-day span { top: 20px; }
    .blog-style2.blog-content:hover .blog-day span { top: 17px; }
    .contact-style3 .contact-info { margin-top: 4%; }
    .contact-style3 .contact-text { width: 100%;}
    .contact-style3 .head { margin-bottom: 4%;}
    .slider-text-style2 h1 { font-size: 30px !important;}
    .slider-text-style3 span { width: 100%; }
    .slider-text-style3 .home-slider span { width: 100%; }
    .slider-text-style3 .slider-text h2 { margin: 35px 0 0; }
    .title-style2 .title-text { display: inline-block; height: auto !important; width: 100%; padding-top: 0px !important; }
    .title-style2 h2.title { font-size: 50px; line-height: 50px; margin-top: 40px !important; }
    .title-style2 .col-sm-12 .col-sm-6 { padding: 0px;}
    .title-style2 .margin-left { margin-left: 0 !important; }
    .divider-dark { margin: 21px 0 0; }
    .portfolio-style3 .portfolio-item { width: 100%; max-width: 100%;}
    .work-count-style1 span.title { margin: 0 auto;}
    .canvas-style3 .counter-title { font-size: 40px; line-height: 52px; margin: 0 0 30px; }
    .book-a-table { margin-top: 30px; }
    .blog-style3 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .blog-style3 .blog-day span { top: 20px; }
    .blog-style3.blog-content:hover .blog-day span { top: 17px; }
    .dishes-style2 .col-sm-4 { margin-bottom: 15px; padding: 0; }
    .slider-text-style4 .tour-price { top: -37%; }
    .slider-text-style4 .tour-price span { padding: 0; line-height: 25px; }
    .dishes-style1 .col-md-4 { padding: 0; }
    .honeymoon-packages-banner img { width: 100%; }
    .portfolio-style4 .portfolio-figure .title { font-size: 52px; line-height: 80px; }
    .portfolio-style4 .portfolio-figure figcaption span { font-size: 28px; display: block; padding-bottom: 12px; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 40px; }
    .portfolio-style4 .black-line { display: block; }
    .portfolio-style4 .tour-details { display: block; font-size: 16px; margin-left: auto; margin-right: auto; }
    .portfolio-style4 .portfolio-figure figcaption { height: 65%; width: 65%; left: 0; top: 17.6%; padding: 35px; right: 0; margin: 0 auto; vertical-align: middle; }
    .portfolio-style4 .portfolio-figure figcaption span.tour-price-popup { display: block; }
    .portfolio-style4 .portfolio-item { width: 100%; max-width: 100%;}
    .work-count-style2 span.title { font-size: 30px; margin-top: 0px; }
    .canvas-style4 .count-box .title { margin-top: 0 !important; }
    .holidays .carousel-indicators { bottom: -37px; }
    .team-style5 .margin-bottom-100 { margin-bottom: 30px; }
    .blog-style4 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .blog-style4 .blog-day span { top: 20px; }
    .blog-style4.blog-content:hover .blog-day span { top: 17px; }
    .header-text-style3 .highlight { font-size: 48px; }
    .header-text-style3 .intro-section .intro { font-size: 35px; line-height: 45px;}
    .service-style3 .service-box { padding: 5% 0;}
    .portfolio-style5 .portfolio-item { width: 100%; max-width: 100%;}
    .counter-style1 .gold-line { margin: 7px auto 6px;}
    .counter-style4 .white-line { margin: 7px auto 6px;}
    .blog-style5 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .blog-style5 .blog-day span { top: 20px; }
    .blog-style5.blog-content:hover .blog-day span { top: 17px; }
    .contact-style6 .contact-info { margin-top: 4%; }
    .contact-style6 .contact-text { width: 100%;}
    .contact-style6 .head { margin-bottom: 4%; }
    .contact-style6 .contact-info { margin-top: 4%; }
    .contact-style6 .contact-text { width: 100%;}
    .contact-style6 .head { margin-bottom: 4%; }
    .isotope-filters-style2 li a { font-size: 18px;}
    .title-style3 h2.title { font-size: 42px; line-height: 42px; margin-top: 40px; }
    .portfolio-style6 .portfolio-item { width: 100%; max-width: 100%;}
    .work-count-style3 span.title { margin: 10px 0 10px !important; font-size: inherit;}
    .work-count-style3 .margin-bottom-50 { margin-bottom: 25px !important; }
    .work-count-style3 .work-count-box .gray-text { width: 96%; line-height: 20px;}
    .work-count-style3 .margin-bottom-50 { margin-bottom: 15px !important; }
    .padding-bottom-90 { padding-bottom: 30px !important; }
    .expertise .dishes-main-text p { margin-bottom: 15px !important; width: 100%;}
    .contact-style7 .contact-info { margin-top: 0; }
    .contact-style7 .contact-text { width: 100%;}
    .contact-style7 .head { margin-bottom: 4%; }
    .footer-style7 .color-overlay { padding-top: 30px;}
    .header-text-style4 .intro-section { left: 38%; }
    .header-text-style4 .highlight { font-size: 30px; line-height: 42px; }
    .header-text-style4 .treatments { font-size: 14px; }
    .title-style4 h2.title { margin: 33px 0 28px;}
    .title-style4 .title-text { display: inherit; height: inherit !important; }
    .title-style4 .col-md-7 { margin: 0 0 20px 0 !important;}
    .title-style4 .description h6 { font-size: 16px; line-height: 22px; margin: 0; }
    .black-bg .about-details .padding-70 { padding: 25px 15px; }
    .about-details-img { min-height: 300px; padding: 0; position: inherit; width: 100%; }
    .black-bg .about-details .padding-70 { padding: 25px 15px; }
    .black-bg .about-details .col-sm-9 { padding: 0px;}
    .black-bg .about-details { width: 100%; margin: 0; padding: 30px 0 0 0;}
    .black-bg .about-details .margin-bottom-100 { margin-bottom: 30px !important;}
    .black-bg .about-details h6.light-gray { font-size: 15px; line-height: 20px; }
    .column-text-553b83cb0b23a p { font-size: 18px; line-height: 26px; margin-top: 0; }
    .black-bg .about-details .margin-top { margin-top: 10px !important; }
    #award .description { width: 100%; margin: 0 0 15px 0 !important;  }
    #award .description h6 { font-size: 16px; line-height: 22px; margin: 0; }
    .award-style1 .work-count-box { display: inline-block; min-height: 0; float: none !important; width: 100%; }
    .award-style1 .work-count-box .gray-bg { width: 100%; }
    .award-style1 span.title { margin: 15px 0 10px; min-height: 0 !important; }
    .award-style1 .work-count-box .gray-text { width: 90%; margin-bottom: 15px !important;}
    .title-style4 .description {   margin: 0 0 11px !important; width: 100%; }
    .skills-details-img { height: auto; min-height: 300px; padding: 0; position: inherit; width: 100%; }
    .skills .margin-top-70 { margin-top: 16px !important; }
    .skills .margin-top-50 { margin-top: 36px !important;}
    .skills .progress-name { line-height: 18px; margin: 0 0 3px 0; text-align: left; }
    .canvas-style5 .description { width: 100%; margin: 0 0 20px !important;   }
    .testimonial-style5 { padding: 30px 0 !important;}
    .team-style8 .team-details .namerol { padding: 15px; }
    .yellow .education .result { font-size: 18px; margin: 6px 0 0 !important; }
    #education .description { width: 100%; }
    .portfolio-style7 .portfolio-item { width: 100%; max-width: 100%;}
    .contact-style8 .contact-info { margin-top: 4%; }
    .contact-style8 .contact-text { width: 100%;}
    .contact-style8 .head { margin-bottom: 4%; }
    .contact-style8 .padding-top-90 { padding-top: 30px;}
    .contact-style8 .icon-list li { width: 100%;}
    .footer-style8 .color-overlay { padding-top: 30px; }
    .popup-slideshow-style1 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style1 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style2 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style2 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style3 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style3 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style4 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style4 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style4 .itinerary li p { width: 100%; margin-top: 10px; }
    .popup-slideshow-style5 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style5 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style6 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style6 .popup-slide .category { font-size: 22px; }
    .popup-slideshow-style7 .popup-slide .title { font-size: 36px; padding-bottom: 10px; }
    .popup-slideshow-style7 .popup-slide .category { font-size: 22px; }
    .counter-style1 .purple-line { margin: 7px auto 6px;}
    .blue-line-small { margin: 7px auto 6px;}
    .green-line-small { margin: 7px auto 6px; }
    .red-line-small { margin: 7px auto 6px; }
    .counter-style1 .counterBox .orange-line { margin: 7px auto 6px; }
    .blog-content .blog-title .title { margin-top: 0px;}
    
    /*--- 11 april 2015 ---*/
    #reviews .col-md-3 { margin-bottom: 5%; margin-left: 0;}
    #reviews .col-md-3:nth-child(3) { margin-bottom: 5%;}
    #reviews .col-md-3:nth-child(4) { margin-bottom: 5%;}
    #reviews .content-section { padding-bottom: 0 !important}
    

    #offers .col-md-3:nth-child(3) { margin-bottom: 5%;}
    #offers .col-md-3:nth-child(4) { margin-bottom: 5%;}
    #offers .content-section { padding-bottom: 0 !important}
    .models-main { clear: both;}
    
    /*--- 11 april 2015 ---*/
    #expertise .content-section .col-md-3 { margin-bottom: 5%; margin-left: 0; }
    .pt-90-pb-90 { padding-bottom: 30px; padding-top: 30px; }
    
    /*--- 25 april 2015 ---*/
    .purple .blog-style1 .blog-day { font-size: 32px; height: 64px; width: 64px; top: 50%; left: 2%; }
    .purple .blog-style1 .blog-day span { top: 20px; }
    .purple .blog-style1.blog-content:hover .blog-day span { top: 17px; }
    .purple .service-style1.service-box { border-right: 0 !important;}
    .purple .border-right { border-right: 0 !important;}
    .models-photo { float: none !important}
    #blog .description { width: 100% !important;}
    .blog-style6 { width: 100%;}
    .blog-style6 .gray-bg { width: 100%;}
    .work-count-style3 { width: 100%;}
    .work-count-style3 .gray-bg { width: 100%;}
    .work-count-style3 .work-count-box { width: 100%;}
    #about .description { width: 100% !important;}
    .pt-0-pb-90 { padding-bottom: 30px; }
    .pt-129-pb-120 { padding-bottom: 70px; padding-top: 79px;}
    .pt-90-pb-0 { padding-top: 30px;}
    .pt-129-pb-120 { padding-bottom: 50px; padding-top: 49px; }
    .comment-respond { width: 100%;}
    .single-post #blog-details { padding-bottom: 30px;}
    .recent-comments .title, .comment-reply-title { font-size: 20px; padding-right: 0; padding-left: 0;}

    
}
@media (max-width:670px) {
    .portfolio-style4 .portfolio-figure .title { font-size: 32px; line-height: 55px; }
    .portfolio-style4 .portfolio-figure figcaption span.tour-price-popup { font-size: 20px !important; padding-bottom: 0; }
    .portfolio-style4 .portfolio-figure figcaption span { font-size: 24px; }
    .portfolio-style4 .tour-details { font-size: 14px; }
}
@media (max-width:600px) {
    section { padding 0; } 
    #team { padding-top: 0; }
    h2.title { font-size: 50px; }
    h5.title { font-size: 20px; }
    .lead { font-size: 22px; line-height: 28px; }
    span.highlight { font-size: 38px; line-height: 38px; }
    header .intro-section .intro, 
    .intro { font-size: 24px; line-height: 35px; }
    .blog-header span.highlight { font-size: 30px; font-weight: 400; background-color: transparent; color: #fff; padding: 12px 34px }
    .blog-header .intro-section .intro { line-height: 30px }
    .blog-video { min-height: 0; }
    .blog-header .intro-section { padding: 20% 0 0; }
    .intro { font-size: 21px; line-height: 26px; }
    .description { line-height: 18px; font-size: 16px; }
    .isotope-filters li a { font-size: 14px !important; }
    .title-text { height: auto !important; }
    .label { font-size: 16px; }
    .blog-content-out .content { line-height: 20px; }
    .blog-content .blog-title { margin-bottom: 10px; }
    .blog-content .blog-title .title { margin-bottom: 2px; line-height: 20px; }
    .blog-page h3.title { font-size: 20px; }
    .chart span { font-size: 24px; top: 40%; }
    .blog h5.title { margin-top: 0; }
    .frameOverlay { padding-bottom: 8px; }
    .frameOverlay .contant { line-height: 22px; }
    .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slide .category { font-size: 20px; }
    .chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span { font-size: 30px; }

    /* Only Blog Page */
    .blog-page .blog-day { width: 55px; height: 55px; font-size: 24px; }
    .blog-page .blog-day span { top: 15px; }
    article .contentarea { font-size: 13px; }
    .media .content { width: 78%; }
    .pagerblock li a { width: 40px; height: 40px; line-height: 38px; }
    .pagerblock li { margin: 0 4px }
    .blogpost_share { float: right; }
    .post-preview { margin: 0 }
    .blog-details-title { font-size: 35px; line-height: 40px }
    .blog-details-header .intro-section { padding: 35% 0 15% }
    .blog-page .blog-content .padding-left, 
    .blog-page .blog-content .padding-right { padding: 0 }
    .blog-details .blogpost_share ul li { margin: 0 12px }
    h6 { line-height: 23px }
    .comments-details .col-md-3 { margin-bottom: 10px; }
    .team-details:hover .our-team { padding-top: 95px; }
    .blog-share { margin: 0 0 30px; }
    .blog-page .blog-content h6 { font-size: 16px; }
    .recent-comments .title { margin-bottom: 23px; }
    
    /* */
    .title-style1 h2.title { font-size: 50px;}
    .canvas-style1 .chart span, .canvas-style1 .chart2 span, .canvas-style1 .chart3 span, .canvas-style1 .chart5 span, .canvas-style1 .chart6 span, .canvas-style1 .chart7 span, .canvas-style1 .chart8 span { font-size: 30px; }
    .canvas-style2 .chart6 span { font-size: 30px;}
    .canvas-style3 .chart4 span { font-size: 30px;}
    .canvas-style4 .chart5 span { font-size: 30px;}
    .canvas-style5 .chart8 span { font-size: 30px;}
    .team-style1 .team-details:hover .our-team { padding-top: 95px; }
    .team-style6 .team-details:hover .our-team { padding-top: 95px; }
    .header-text-style1 .intro-section .intro, .intro { font-size: 24px; line-height: 35px; }
    .header-text-style2 .intro-section .intro, .intro { font-size: 24px; line-height: 35px; }
    .header-text-style2 span.highlight { font-size: 38px; line-height: 38px; }
    .title-style5 .description { line-height: 23px; font-size: 14px; margin-bottom:30px !important}
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 77% 0 0; }
    .about-spa-details .description { line-height: 26px; font-size: 14px; }
    .about-spa-details h6 { font-size: 22px; line-height: 24px; }
    .about-spa-details { padding: 0px;}
    .team-style2 .team-details:hover .our-team { padding-top: 95px; }
    lead { font-size: 20px; }
    #contact .title-style5 .description { margin-bottom: 0px !important;}
    .model-box { background: none}
    .model-box .simple-text { width: 100% !important; margin-top: 30px !important; text-align: center; }
    .team-style3 .team-details:hover .our-team { padding-top: 95px; }
    .team-style4 .team-details:hover .our-team { padding-top: 95px; }
    .book-a-table { padding: 25px; margin: 40px auto 0; font-size: 40px; line-height: 46px; }
    .title-style2 .description { font-size: 16px; font-weight: 300; line-height: 22px; }
    .team-style5 .team-details:hover .our-team { padding-top: 95px; }
    .honeymoon-packages-banner img { margin-top: 30px; }
    .team-style10 { padding-bottom: 30px !important; }
    .team-style10 .margin-top-50 { margin-top: 0 !important; }
    .header-text-style3 .highlight { font-size: 40px; padding: 0; }
    .header-text-style3 .intro-section .intro, .intro { font-size: 24px; line-height: 35px; }
    .slider-text-style5 h1 { font-size: 45px; }
    .team-style7 .team-details:hover .our-team { padding-top: 115px; }
    .header-text-style4 .intro-section { left: 35%; padding: 20px 0 20px 20px; }
    .header-text-style4 .highlight { font-size: 24px; line-height: 38px; }
    .header-text-style4 .intro-section .intro { margin-bottom: 9px; }
    .header-text-style4 .highlight-button, 
    .header-text-style4 .highlight-button:focus { display: table; font-size: 14px; padding: 6px 16px; width: auto; }
    .header-text-style4 .treatments { display: inline-block; padding: 12px 0 13px; width: 60.2%; line-height: 20px }
    .popup-slideshow-style1 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style1 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style2 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style2 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style3 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style3 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style4 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style4 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style5 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style5 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style6 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style6 .popup-slide .category { font-size: 20px; }
    .popup-slideshow-style7 .popup-slide .title { font-size: 30px; line-height: 32px; }
    .popup-slideshow-style7 .popup-slide .category { font-size: 20px; }
    .header-text-style1 span.highlight { font-size: 38px; line-height: 38px; }

}
@media screen and (max-width:560px) {
    .portfolio-style4 .portfolio-figure .title { font-size: 30px; line-height: 46px; }
    .portfolio-style4 .portfolio-figure figcaption span { font-size: 20px; padding: 0; }
    .portfolio-style4 .tour-details { font-size: 14px; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 20px; }
}
@media (max-width:523px) {
    .fetaure-details { display: table; width: 100%; }
    .icon-container { margin: 0 auto; float: none; }
    .fetaure-details .title, 
    .fetaure-details .content { float: none; width: 100%; text-align: center; }
    .team-details:hover .our-team { padding-top: 80px; }
    .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px; }
    .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px; }

    /* Only Blog Page */
    .media .content { width: 75%; }
    
    /* */
    .team-style1 .team-details:hover .our-team { padding-top: 80px; }
    .team-style2 .team-details:hover .our-team { padding-top: 80px; }
    .team-style3 .team-details:hover .our-team { padding-top: 80px; }
    .team-style4 .team-details:hover .our-team { padding-top: 80px; }
    .team-style5 .team-details:hover .our-team { padding-top: 80px; }
    .team-style6 .team-details:hover .our-team { padding-top: 80px; }
    .popup-slideshow-style1 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style1 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style2 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style2 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style3 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style3 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style4 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style4 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style5 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style5 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style6 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style6 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
    .popup-slideshow-style7 .popup-navigation span.nav-next { left: 90%; padding: 2px 9px 3px 12px;}
    .popup-slideshow-style7 .popup-navigation span.nav-prev { right: 90%; padding: 2px 12px 3px 9px;}
}
@media (max-width:480px) {
    h1.title { font-size: 32px; line-height: 28px; margin: 3px 0 0; }
    h2.title { font-size: 42px; vertical-align: top; display: inline-block; line-height: 42px; margin-top: 20px; }
    h4.title { font-size: 20px; }
    h5.title { font-size: 16px; margin-bottom: 2px; }
    .count p { font-size: 14px; line-height: 18px; }
    .fetaure-details .title { font-size: 18px; }
    .scrollToTop { display: none !important; opacity: 0 !important; }
    .isotope-filters {margin: 0;}
    .isotope-filters li { width: 100%; margin-bottom: 4px; }
    .isotope-filters li a { width: 100%; display: block; border-bottom: 1px solid #b6b6b6; padding: 2px 0 4px 0; }
    .isotope-filters li a:hover, 
    .isotope-filters li a:focus, 
    .isotope-filters li a:active { border-bottom: 1px solid #000; }
    .footer-social li i { font-size: 18px; }
    .loader { left: 35.5%; }
    .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .blog-day span { top: 13px; }
    .blog-content:hover .blog-day span { top: 11px; }
    .blog-content .blog-title { margin-bottom: 10px; }
    .blog-content.active .blog-content-out .content, 
    .blog-content-out .content { line-height: 18px; }
    .carousel-caption p, 
    .carousel-caption span { font-size: 14px; line-height: 18px; }
    canvas { width: 32%; }
    .count-box { margin-bottom: 6%; }
    .lead { font-size: 18px; line-height: 24px; }
    .column-text-553b573c771da p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b5fe676832 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b62873e33f p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b62873fa45 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b6c9f2d608 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b750a96532 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b7d904b382 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b7e609e237 p { font-size: 18px !important; line-height: 24px !important; }
    .column-text-553b7e609cb4e p { font-size: 18px !important; line-height: 24px !important; }
    .counterBoxNumber { font-size: 42px; line-height: 42px }
    .counterBoxDetails { margin-top: 0; font-size: 14px; margin-bottom: 14px; }
    .conter-box .col-md-3 { margin: 9% 0 0; }
    header .intro-section { padding-top: 50%; }
    .month { line-height: 18px; }
    .team-details { width: 100%; float: none; /* margin: 0 auto 5%; */ padding: 0; }
    .white-line { margin: 20px auto 13px; }
    .big { font-size: 28px; }
    .light { font-size: 14px; line-height: 18px; }
    .slideshow nav span { padding: 2px; }
    .conter-box .orange-line { margin: 7px auto 6px; }
    .team-details { margin-bottom: 15px; }
    .team-details:hover .our-team { padding-top: 50%; }
    .team .width { margin-top: 10px; margin-bottom: 20px; }
    .chart span { top: 36%; }
    #testimonial .title { margin-bottom: 5px; font-size: 45px; }
    .carousel-caption span { margin-bottom: 10%; }
    .clients-slider li { width: 40%; }
    .map-button { height: 80px; }
    #map { height: 325px; }
    .chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span { font-size: 22px; }

    /* Only Blog Page */
    .blog-page .col-md-offset-2 { margin-left: 20% !important; }
    .blog-page .blog-day { width: 45px; height: 45px; font-size: 20px; }
    .blog-page .blog-day span { top: 10px; }
    .blog-page .contentarea { font-size: 13px; line-height: 24px }
    .listing_meta { line-height: 18px; }
    .blog-page .post-preview .blog-title { margin-bottom: 5px; line-height: 14px; }
    .blog-wrapper { margin-bottom: 13px; }
    .contentarea { margin: 0 auto 15px; }
    .top { margin-bottom: 10px; }
    .pagination { margin: 10px 0; }
    .media .content { width: 100%; }
    .media-body .media { margin-left: 10%; }
    #blog { padding-bottom: 30px; }
    .blog-header .intro-section { padding: 40% 0 0; }
    .medium { font-size: 14px; margin: 6px 0 10px; }
    .blog-page h3.title { font-size: 18px; }
    
    /* */
    .title-style1 h2.title {   font-size: 42px; vertical-align: top; display: inline-block; line-height: 42px; margin-top: 20px;}
    .canvas-style1 .chart span, .canvas-style1 .chart2 span, .canvas-style1 .chart3 span, .canvas-style1 .chart5 span, .canvas-style1 .chart6 span, .canvas-style1 .chart7 span, .canvas-style1 .chart8 span { line-height: 10px; font-size: 22px; }
    .canvas-style1 .count-box p { font-size: 14px; line-height: 18px;}
    .canvas-style2 .chart6 span { font-size: 32px; line-height: 18px;}
    .canvas-style2 .count-box p { font-size: 14px; line-height: 18px;}
    .canvas-style3 .chart4 span { font-size: 32px; line-height: 18px;}
    .canvas-style3 .count-box p { font-size: 14px; line-height: 18px;}
    .canvas-style4 .chart5 span { font-size: 32px; line-height: 18px; }
    .canvas-style4 .chart5 p { font-size: 14px; line-height: 18px;}
    .canvas-style5 .chart8 span { font-size: 32px; line-height: 18px; }
    .canvas-style5 .count-box .title { font-size: 22px; line-height: 10px; }
    .team-style1 .team-details:hover .our-team { padding-top: 50%; }
    .team-style6 .team-details:hover .our-team { padding-top: 50%; }
    .counter-style1 .counterBoxNumber { font-size: 42px; line-height: 42px; }
    .counter-style2 .counterBoxNumber { font-size: 42px; line-height: 42px; }
    .counter-style3 .counterBoxNumber { font-size: 42px; line-height: 42px; }
    .counter-style3 .white-line { margin: 7px auto 8px; }
    .counter-style4 .counterBoxNumber { font-size: 42px; line-height: 42px; }
    .blog-style1 .blog-day { font-size: 24px; height: 50px; width: 40px; top: 50%; left: 2%; }
    .blog-style1 .blog-day span { top: 13px; }
    .blog-style1.blog-content:hover .blog-day span { top: 11px; }
    .blog-style1 .frameOverlay { padding-bottom: 8px; }
    .blog-style1 .blog-content .blog-title { margin-bottom: 10px; }
    .blog-style1 .blog-content.active .blog-content-out .content, 
    .blog-style1 .blog-content-out .content { line-height: 18px; }
    .footer-style1 .footer-social li i { font-size: 18px; }
    .footer-style5 .footer-social li i { font-size: 18px; }
    .footer-style7 .footer-social li i { font-size: 18px; }
    .footer-style8 .footer-social li i { font-size: 18px; }
    .title-style5 .description h6 { font-size: 16px; line-height: 23px; margin-bottom: 10px !important; }
    .team-style2 .margin-top-50 { margin-top: 20px !important }
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 70% 0 0; }
    .work-count-style4 span.title {  font-size: 18px; line-height: 19px; margin: 15px 8px 10px; }
    .team-style9 .small-button-red { margin-bottom: 0px;}
    .about-spa-details h6 { font-size: 18px; line-height: 20px; margin-top: 0; }
    .about-spa { padding: 30px 15px; }
    .team-style2 .team-details:hover .our-team { padding-top: 50%; }
    #blog .col-md-8, #blog .col-md-6, #blog .col-md-4, #blog .col-md-3 { padding: 0; }
    .footer-style2 .footer-social li i { font-size: 18px; }
    .slider-text-style2 .slider-text h1 { font-size: 24px !important; line-height: 26px !important; padding: 20px 22px !important; }
    .model-box .big { font-size: 20px; line-height: 26px; margin-bottom: 15px; margin-top: 0; }
    .team-style3 .team-details:hover .our-team { padding-top: 50%; }
    .blog-style2 .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .blog-style2 .blog-day span { top: 13px; }
    .blog-style2.blog-content:hover .blog-day span { top: 11px; }
    .blog-style2 .frameOverlay { padding-bottom: 8px; }
    .blog-style2 .blog-content .blog-title { margin-bottom: 10px; }
    .blog-style2 .blog-content.active .blog-content-out .content, 
    .blog-style2 .blog-content-out .content { line-height: 18px; }
    .footer-style3 .footer-social li i { font-size: 18px; }
    .footer-style3 .color-overlay { padding-top: 30px; }
    .models-text { padding: 15px !important; }
    .slider-text-style3 .slider-text { height: 84%; }
    .slider-text-style3 .counter-title { font-size: 25px; line-height: 35px; margin: 0 0 25px; }
    .slider-text-style3 .slider-text h2 { margin: 35px 0 0; font-size: 30px; line-height: 40px; }
    .slider-text-style3 .slider-text span { display: none; }
    .slider-text-style3 h1 { font-size: 36px !important; padding: 0 10px !important; line-height: 48px; }
    .slider-text-style3 .white-line-top { margin: 8px auto 2px; }
    .title-style2 h2.title { font-size: 40px; display: block; }
    .title-style2 .col-sm-12, .title-style2 .col-sm-6, .title-style2 .col-md-6 { padding: 0; }
    .canvas-style3 .counter-title { font-size: 25px; line-height: 35px; margin: 0 0 25px; }
    .green-line-small { margin: 10px auto 10px}
    .team-style4 .team-details:hover .our-team { padding-top: 50%; }
    .counter-style2 .white-line-small {  margin: 7px auto 6px;}
    .blog-style3 .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .blog-style3 .blog-day span { top: 13px; }
    .blog-style3.blog-content:hover .blog-day span { top: 11px; }
    .blog-style3 .frameOverlay { padding-bottom: 8px; }
    .blog-style3 .blog-content .blog-title { margin-bottom: 10px; }
    .blog-style3 .blog-content.active .blog-content-out .content, 
    .blog-style3 .blog-content-out .content { line-height: 18px; }
    .footer-style4 .footer-social li i { font-size: 18px; }
    .canvas-style3 .count-box .title { font-size: 20px !important; margin-bottom: 0 !important; margin-top: 0 !important; }
    .slider-text-style4 .tour-price { top: -34%; }
    .team-style5 .team-details:hover .our-team { padding-top: 50%; }
    .portfolio-style4 .portfolio-figure .title { font-size: 28px; }
    .portfolio-style4 .tour-details { display: none; }
    .portfolio-style4 .black-line { display: none; }
    .portfolio-style4 .portfolio-figure figcaption { padding: 30px; }
    .work-count-style2 span.title { font-size: 24px; }
    .work-count-style2 i { width: 80px; height: 80px; padding: 24px; }
    .team-style5 .popular-destinations .col-md-3, .team-style5 .special-offers .col-md-6, .team-style5 .special-offers .col-md-3 { padding: 0; }
    .team-style5 .team-details:nth-child(3), .team-style5 .team-details:nth-child(4) { margin-bottom: 15px; }
    .blog-style4 .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .blog-style4 .blog-day span { top: 13px; }
    .blog-style4.blog-content:hover .blog-day span { top: 11px; }
    .blog-style4 .frameOverlay { padding-bottom: 8px; }
    .blog-style4 .blog-content .blog-title { margin-bottom: 10px; }
    .blog-style4 .blog-content.active .blog-content-out .content, 
    .blog-style4 .blog-content-out .content { line-height: 18px; }
    .header-text-style3 .highlight { font-size: 24px;  }
    .header-text-style3 .intro-section .intro, .intro { font-size: 20px;}
    .blog-style5 .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .blog-style5 .blog-day span { top: 13px; }
    .blog-style5.blog-content:hover .blog-day span { top: 11px; }
    .blog-style5 .frameOverlay { padding-bottom: 8px; }
    .blog-style5 .blog-content .blog-title { margin-bottom: 10px; }
    .blog-style5 .blog-content.active .blog-content-out .content, 
    .blog-style5 .blog-content-out .content { line-height: 18px; }
    .footer-style6 .footer-social li i { font-size: 18px; }
    .slider-text-style5 h1 { font-size: 27px; padding: 20px 22px; line-height: 32px; }
    .team-style7 .team-details:hover .our-team { padding-top: 215px; }
    .title-style3 h2.title { font-size: 32px; line-height: 32px; }
    .isotope-filters-style2 li a:hover, .isotope-filters-style2 li a:focus, .isotope-filters-style2 li a:active, .isotope-filters-style2 li a.active { width: 100%; display: block; border-bottom: 1px solid #b6b6b6; padding: 2px 0 4px 0; }
    .portfolio-style6 .portfolio-figure figcaption { padding: 0px 15px; }
    .portfolio-style6 .portfolio-figure figcaption span { width: 100%;}
    .work-count-style3 h6 { font-size: 14px; margin: 0; }
    .title-style3 .description h6 { font-size: 16px; line-height: 20px;}
    .team-style7 .margin-top-50 { margin-top: 15px !important;}
    .header-text-style4 .intro-section { padding: 15px 0 15px 15px; }
    .black-bg .about-details .padding-70 { text-align: center; }
    .isotope-filters-style3 li a:hover, .isotope-filters-style3 li a:focus, .isotope-filters-style3 li a:active, .isotope-filters-style3 li a.active  { text-decoration: none; color: #FFF; font-weight: 600; border-color: #b6b6b6; }
    
    /*--- 11 april 2015 ---*/
    #chef .col-md-3 { width: 100%; }
    
    /*--- 15 april 2015 ---*/
    .pt-0-pb-65 { padding-bottom: 35px}
    .purple .blog-style1 .blog-day { font-size: 26px; height: 50px; width: 50px; top: 50%; left: 2%; }
    .purple .blog-style1 .blog-day span { top: 13px; }
    .purple .blog-style1.blog-content:hover .blog-day span { top: 11px; }
}
@media (max-width:400px) {
    .portfolio-style4 .portfolio-figure figcaption span { display: none; }
    .portfolio-style4 .portfolio-figure .title { font-size: 26px; line-height: 40px; }
}
@media (max-width:430px) {
    .blog-details .blog-views { float: left; width: 100%; } 
    .conter-box .col-md-3:nth-child(2) { margin-top: 9%; }
    
    /* */
    .gallery ul li { width: 100%; }
    .slider-text-style4 h1 { font-size: 22px !important; padding: 10px 12px !important;}
    .slider-text-style4 .tour-price { top: -23%; }
    .slider-text-style4 .tour-price { padding: 18px 0; height: 90px; width: 90px; font-size: 25px; }
    .slider-text-style4 span { font-size: 16px; }
}
@media (max-width:380px) {
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 57% 0 0; }
}
@media (max-width:360px) {
    .slider-text-style3 .slider-text h2 { font-size: 20px; margin: 15px 0 0; line-height: 50px; }
    .slider-text-style3 .home-slider h1 { font-size: 30px; padding: 0; line-height: 48px; }
    .slider-text-style3 .home-slider span { font-size: 16px; }
    .book-a-table { font-size: 34px; }
    .book-a-table .highlight-button { padding: 5px 18px; font-size: 28px; }
    .portfolio-style4 .portfolio-figure figcaption span { display: none; }
    .portfolio-style4 .tour-details { display: none; }
    .portfolio-style4 .black-line { display: none; }
    .portfolio-style4 .portfolio-figure .title { font-size: 26px; line-height: 30px; }
    .portfolio-style4 .portfolio-figure figcaption { height: 75%; width: 75%; top: 12.6%; }
}
@media (max-width:320px) {
    h5.title { font-size: 14px; }
    h2.title { font-size: 32px !important; letter-spacing: 0 }
    span.highlight { font-size: 28px; }
    .intro { font-size: 19px; }
    .frameOverlay .col-md-offset-2 { margin-left: 15.667% !important; }
    .title-text { height: 70px !important; padding: 0px; }
    .buttons .small-button { margin: 9% 0 0 !important; }
    .chart span { font-size: 32px; top: 44%; }
    .count-box { margin-bottom: 10%; padding: 0; }
    .big { font-size: 22px; }
    header .intro-section .buttons { margin-top: 0; }
    .scrollDownWrap { bottom: 10px; }
    .service-icon i, 
    .icon-container i { font-size: 42px; }
    .icon-list i { font-size: 16px; }
    .fetaure-details .title { font-size: 16px; margin-bottom: 0px; }
    .feature-content { margin-top: 0px; }
    .team-details:hover .our-team { padding-top: 40%; }
    .count-box:nth-child(3) { margin-bottom: 10%; }
    .count-box:nth-child(4) { margin-bottom: 10%; }
    #contact { padding: 0 0 30px; }
    .contact .row:last-child { padding: 2px 0 0 0; }
    .form-group { margin-top: 15px; }
    .isotope-filters { padding-top: 10px; }
    textarea.form-control { min-height: 135px; }
    .fluid-width-video-wrapper iframe { min-height: 480px; }
    .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0 !important; height: 100%; }
    
    /* Only Blog Page */
    .blog-page .listing_meta { line-height: 18px; }
    .blog-page .post-preview .blog-title { margin-bottom: 5px; }
    .blog-page .col-md-offset-2 { margin-left: 24% !important; }
    .blog-details-header .intro-section { padding: 91px 0 20px; }
    .navbar-collapse { margin-top: 10px; }
    
    /* */
    .team-style1 .team-details:hover .our-team { padding-top: 40%; }
    .team-style2 .team-details:hover .our-team { padding-top: 40%; }
    .team-style3 .team-details:hover .our-team { padding-top: 40%; }
    .team-style4 .team-details:hover .our-team { padding-top: 40%; }
    .team-style5 .team-details:hover .our-team { padding-top: 40%; }
    .team-style6 .team-details:hover .our-team { padding-top: 40%; }
    .slider-text-style2 .slider-text { height: 75%; }
    .title-style2  h2.title { margin-top: 20px; line-height: 30px; }
    .canvas-style3 .counter-title { font-size: 20px; line-height: 26px; margin: 0 0 25px; }
    .slider-text-style3 h1 { font-size: 26px !important;  }
    .slider-text-style3 .slider-text h2 { line-height: 26px; }
    .slider-text-style3 .white-line-bottom { margin-bottom: 30px; }
    .slider-text-style3 .white-line-top { margin-top: 18px;}
    .slider-text-style3 .slider-text { height: 100%; padding-top: 50%; }
    .title-style2 a.small-button.inner-link:last-child { margin-top: 6px; }
    .slider-text-style4 span { padding: 7px 0 20px; line-height: 26px; }
    .dishes-style1 .dishes-main-text h4 { line-height: 20px; }
    .holidays .carousel-indicators { bottom: -38px; }
    .header-text-style3 .highlight { font-size: 22px;  }
    .header-text-style3 .intro-section .intro, .intro { font-size: 18px; line-height: 24px;}
    .header-text-style3 .highlight-button, .header-text-style3 .highlight-button:focus { font-size: 14px; }
    .service-style1 .service-icon i { font-size: 42px;}
    .service-style2 .service-icon i { font-size: 42px;}
    .service-style3 .service-icon i { font-size: 42px;}
    .team-style7 .team-details:hover .our-team { padding-top: 115px; }
    .title-style3 h2.title { font-size: 30px; line-height: 30px; padding-bottom: 10px; }
    .work-count-style3 h6 { line-height: 20px; }
    .header-text-style4 .highlight { font-size: 22px; line-height: 32px; }
    .header-text-style4 .treatments { padding: 10px 0 10px; width: 58%; font-size: 12px; line-height: 18px; }
    .header-text-style1 span.highlight { font-size: 28px;}
    .header-text-style1 .intro-section { padding-top: 50%;}
    .portfolio-style2 .portfolio-figure figcaption .spa-details { padding: 46% 0 0; }
    .title-style5 h2.title { font-size: 20px !important; }
}
/* ==========================================================================
Work Popup
========================================================================== */
@media screen and (max-width:60em) {
    /* responsive columns */
    .popup-slide .popup-slideshow { width: 100%; height: 100%; top: 0; left: 0; margin: 0; right: 0; }
    .popup-slide .popup-slideshow figure img { margin: 0 auto; max-width: 100%; }
    .info-keys { display: none; }
}
@media screen and (max-width:35em) {
    .grid li { width: 100%; }
}
@media screen and (max-width:24em) {
    .grid li { width: 100%; }
}
/* ==========================================================================
Scroll
========================================================================== */
@-webkit-keyframes iconFloat {
    0% { top: 0; }
    50% { top: 10px; }
    100% { top: 0; }
}
@-moz-keyframes iconFloat {
    0% { top: 0; }
    50% { top: 10px; }
    100% { top: 0; }
}
@-o-keyframes iconFloat {
    0% { top: 0; }
    50% { top: 10px; }
    100% { top: 0; }
}
@keyframes iconFloat {
    0% { top: 0; }
    50% { top: 10px; }
    100% { top: 0; }
}

/* ==========================================================================
Lodear - 01
========================================================================== */
@-webkit-keyframes loader-stripe-animation {
    0% { -webkit-transform: none; transform: none; }
    100% { -webkit-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-moz-keyframes loader-stripe-animation {
    0% { -moz-transform: none; transform: none; }
    100% { -moz-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-o-keyframes loader-stripe-animation {
    0% { -o-transform: none; transform: none; }
    100% { -o-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@-ms-keyframes loader-stripe-animation {
    0% { -ms-transform: none; transform: none; }
    100% { -ms-transform: translate(-32px, 0); transform: translate(-32px, 0); }
}
@keyframes loader-stripe-animation {
    0% { transform: none; transform: none; }
    100% { transform: translate(-32px, 0); transform: translate(-32px, 0); }
}


/* ==================================================================
    Coming Soon
================================================================== */

@media screen and (min-width:1250px) and (max-width:1400px) {
    .coming-soon .container { margin: 4% auto 0 auto; }
    .coming-soon #counter { margin: 5% 0; }
    .coming-soon .contact textarea { height: 70px; }
    .coming-soon h1 { margin: 0 auto 4%; }
    .coming-soon .home .text { margin-bottom: 4%; }
    .coming-soon .logo { margin: 0 0 5%; }
    .coming-soon .icon-text { padding: 25px 0 0 0; }
    .coming-soon .social ul { margin: 4% 0 0 0; }
}
@media only screen and (max-width:1024px) {
    .coming-soon #counter { margin: 5% 0; }
    .coming-soon section h1 { font-size: 40px; padding: 16px 0 18px 0; }
    .coming-soon .social ul { margin: 3% 0 0 0; }
    .coming-soon #contact { padding-bottom: 400px; }
}
@media only screen and (max-width:768px) {
    .coming-soon #counter { margin: 7% 0; }
    .coming-soon .social ul { margin: 7% 0 0 0; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .coming-soon .home form input { padding: 6px 7px 6px 7px; }
    .coming-soon .logo { margin-bottom: 15px; }
    .coming-soon .container { margin: 0 auto; }
    .coming-soon #home { padding: 35px 0; }
}
@media only screen and (max-width:750px) {
    .coming-soon .container { margin: 6% auto 0; width: 90%; }
    .coming-soon #counter { margin: 5% 0; }
    .coming-soon #home #counter { font-size: 30px; }
    .coming-soon #counter .number { font-size: 30px; line-height: 40px; }
    .coming-soon #counter .counter-box { width: 90px; padding: 15px 15px; margin: 0px 25px 0 0; }
    .coming-soon section h1 { font-size: 40px; }
    .coming-soon #counter { margin: 8% 0; }
    .coming-soon .home form input { width: 72%; }
    .coming-soon .input-group { text-align: left; }
    .coming-soon .input-group .btn-default { float: right; }
    .coming-soon section { height: 100% !important; background-color: #000; padding-bottom: 30px; }
    .coming-soon .main .page { position: inherit; }
    .coming-soon #home { position: relative; height: 100% !important; }
}
@media only screen and (max-width:600px) {
    .coming-soon .container { margin: 6% auto 0; width: 90%; }
    .coming-soon section h1 { padding: 2.6% 0 3%; font-size: 34px; margin-bottom: 7%; }
    .coming-soon #home #counter { font-size: 30px; }
    .coming-soon #counter .number { font-size: 30px; line-height: 30px; }
    .coming-soon #counter .counter-box { padding: 15px 20px; margin: 0 0 0 0; border-right: 0 solid rgba(29, 198, 7, .2); }
    .coming-soon #counter { margin: 8% 0 6%; }
    .coming-soon .home .text { margin-bottom: 8%; width: 100%; }
    .coming-soon .home form input { width: 65%; }
    .coming-soon .social ul { margin: 10% 0 0 0; }
    .coming-soon .logo img { width: 160px; }
}
@media only screen and (max-width:480px) {
    .coming-soon section h1 { font-size: 24px; padding: 1% 0 1%; }
    .coming-soon .home .text { font-size: 14px; line-height: 22px }
    .coming-soon #home #counter { font-size: 25px; padding-right: 10px; }
    .coming-soon #counter .number { font-size: 25px; line-height: 20px; }
    .coming-soon #counter .counter-box { width: 60px; padding: 10px 6px; }
    .coming-soon #counter span { font-size: 13px; }
    .coming-soon .home form input { width: 60%; }
    .coming-soon .icon-text { padding: 20px 0 0 0; }
    .coming-soon #counter { margin: 4% 0 6%; }
    .coming-soon .nav-main { bottom: 15px !important; }
}
@media only screen and (max-width:420px) {
    .coming-soon .home form input { width: 53%; }
    .coming-soon .about-icon { width: 100%; margin-bottom: 15px; display: none; }
    .coming-soon .about-text { width: 100%; }
}
@media only screen and (max-width:360px) {
    .coming-soon .home form input { width: 57%; padding-left: 0; font-size: 14px; }
    .coming-soon .home button { padding: 4px 8px; width: auto; }
    .coming-soon .social ul li { margin: 0 12px; }
    .coming-soon section h1 { font-size: 22px; }
    .coming-soon .container { margin: 0 auto; }
    .coming-soon section { padding: 28px 0; }
}
@media screen and (max-height:31.125em) {
    .coming-soon .bt-menu ul li a:before { font-size: 32px; }
}

/* ==========================================================================
    Only iPad CSS
========================================================================== */

@media only screen and (device-width: 1024px) {
    .home-slider h1 { font-size: 45px; }
    .green .slider-text h2 { line-height: 40px; margin-top: 40px; }
    .green .home-slider h1 { font-size: 40px; }
    .model-box { background-position:  left -40px top 80px ; }
}
@media only screen and (device-width: 768px) {
    .violet .form-control { background-color: rgba(235,235, 235, 0.2); border-bottom: none; }
    .testimonial, 
    .conter-box,
    .client-logos, 
    #footer,
    .popular-destinations, 
    .holidays,
    #about,
    .offers,
    .about-spa,
    .team,
    .contact,
    .seasonal-dishes,
    .food-services,
    .book,
    header,
    .model-box,
    .featured-projects,
    .work-count,
    .blog-header,
    .blog-details-header { background-attachment:inherit !important }
}