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

Name:responsive.css
Version:1.3

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

@media (max-width:1580px) {
    .popup-slide .title { padding-bottom: 25px; }
    .popup-line { margin: 15px 0; }
}
@media (max-width:1557px) {
    .mCSB_container { height: auto !important; }
    .popup-slide figure { }
    .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; }
}
@media (max-width:1400px){
.blue .home-slider h1 { font-size:26px!important;}
}

@media (max-width:1280px){
.carousel-inner .col-md-9 { width: 81%;}

.star {margin:-9.01% 40%;}
}
@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; }
}
@media (max-width:1024px) {
    header .intro-section { padding-top: 40%; }
    .home-slider h1 { font-size: 45px; }
    #about { padding-top: 190px;}
    .project li { margin-right: 0px;}
    .carousel-inner .col-md-9 {width: 89%;} 
  .star{  margin: -9.01% 40%;}
    #about{padding-top:55px;}
    .tabbable ul li a { font-size: 25px;}
    .project ul { margin-right: 30px;}
    .tabbable { padding-bottom: 60px;}
    .isotope-filters li:last-child a { margin-left: 100px;}
}
@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: 4%; }
    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 { width: 50%; 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: 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; }
    figure.ipad-scroll { overflow-y:scroll;}

}
@media (max-width:990px) {
.slider-text{top:0%}
.logo img { width: 40%;}
    .carousel-inner .col-md-9 { width: 95%; float: left;}
    .nav > li > a {
    margin: 0 50px 0 38px;}
    #about {padding-bottom:50px;}
.description{ width: 100%;}
.popular-destinations {background:none;
 background-color: #862128;}
 .margin-top-100 { margin-top: 0px!important;    }
 .team-details { width: 100%;}
 .team-profile img { width:30%!important; }
 .firstclass { padding-top: 0px;}
 .secondclass { padding:0px; background-image: none; }
 .lastclass { padding: 10% 0; background: none;}
 .popular-destinations { padding-bottom: 0px;}
 .work-count-box { margin-left:0px!important; }
.work-count-box img { float: none; padding-left: 0px;}
.project ul { margin-right: 40px;}
.project li:first-child { font-size: 17px!important;}
.project .col-sm-6 { }


}
@media (max-width:800px){
    .logo img { width: 40%;}
    .carousel-inner .col-md-9 { width: 100%; float: left;}
    .nav > li > a {
    margin: 0 28px 0 38px;}
    #about {padding-bottom:50px;}
.description{ width: 100%;}
.popular-destinations {background:none;
 background-color: #862128;}
 .margin-top-100 { margin-top: 0px!important;    }
 .team-details { width: 100%;}
 .team-profile img { width:30%!important; }
 .firstclass { padding-top: 0px;}
 .secondclass { padding:0px; background-image: none; }
 .lastclass { padding: 10% 0; background: none;}
 .popular-destinations { padding-bottom: 0px;}
 .work-count-box { margin-left:0px!important; }
.work-count-box img { float: none; padding-left: 0px;}
.project ul { margin-right: 40px;}
.project li:first-child { font-size: 17px!important;}

@media (max-width:792px) {
    .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; }
}
@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) { margin-top: 0; }
    .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; }
    .comments-details:last-child { padding-bottom: 0; }
    .blog-page .white-line { margin: 25px auto 13px; }
    .dishes-main-text p { line-height: 22px; }
    .carousel-inner .margin-top { margin-top: 0 !important; }
    .nav > li > a { margin:0 40px 0 20px; }
  .slider-text{top:0%}
    .logo img { width:50%;}
    
    .description { width: 100%;}
    #about .col-md-8 { width: 100%;}
    .about-tab { margin-top: 50px;}
    .popular-destinations { background-image: none;
            background-color: #862128;
    }
    .padding-top-90 {padding-top: }
    .margin-top-100 { margin-top: 0px!important;}
    .firstclass  {padding:77px 10px; }
    .thirdclass {padding-bottom: 50px;}
    .project { background-image: none;}
    .padding-bottom-90 {padding-bottom: 0px;}
    .work-count-box { margin-left: 0px!important;}
    #about {
    padding-top: 0;
    padding-bottom: 50px;
}
    .project {padding-top: 100px!important;}
    .tabbable ul li a {font-size: 24px;}
    .isotope-filters {margin-top: 50px;}
    .isotope-filters li a { font-size: 18px;}
    .isotope-filters li:last-child a {margin-left: 100px; font-size: 28px;}
    #about.tab-content p { width: 100%!important;}
    .team-details { width: 100%;}
    .team-profile img { width: 50%!important;}
    .isotope-filters li a img {
    width: 100% !important;}

    .secondclass{ background-image: none; padding: 0px;}
    .lastclass{ background-image: none; padding:50px 0px;}
    .firstclass { padding-top: 0px;}
    .project ul { margin-right: 20px;} 
    .testimonial { background-image: none; background:#862128;}
    .map { margin-top: 0px;}
    .contact { background-image: none;}
    .carousel-inner .col-md-9 { width: 100%;}
    .projects  { width: 85%}
    nav { padding-top: 0px;}
   .project li:first-child {font-size:17px!important;    margin-right: 20px;}
   .shrink-nav { padding-top: 0px;}
   .team-people { font-size: 20px;}
   .portfolio-figure { background-color: transparent;} 
   .project2 { padding-top: 50px;}
   .tabbable2 { padding-bottom: 0px;}

}
@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: 50px; 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: 85px !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: 0%; padding: 00px 0 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%; text-align: center;margin-top:0 }
    .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; }
}
@media (max-width:600px) {
    section { padding: 30px 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; margin-bottom: 5px; }
    .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; }
}
@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%; }
}
@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 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; }
    .about-tab li a { padding-left:4px;}
    .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; }
    .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; }
    .carousel-caption span { margin-bottom: 10%; }
    .clients-slider li { width: 40%; }
    .map-button { height: 80px; }
    #map { height: 80px; }
    .chart span, 
    .chart2 span, 
    .chart3 span, 
    .chart5 span, 
    .chart6 span, 
    .chart7 span, 
    .chart8 span { font-size: 22px; }
    .project li { margin-right:0px;
    text-align: left;
    display: inline-block; }
    .yellow-line { display: none;}
    .tabbable ul { margin:0px; }
    .project {background-image: none;}
    .project li { font-size: 17px;}
    .tabbable ul li a { font-size: 20px;}
    .testimonial { background-image: none; background-color: #862128;}
    .testimonial h2 { color: #fff;}
    .contact h2 { text-align: center;
      display: block;}
      .contact { background-image: none;}
      .isotope-filters li { display: inline-block!important; }
      .isotope-filters li a { border-bottom:none; 
        padding: 0px 0px 0 0px;
      }

      .isotope-filters li a img {width:100%!important;}

      .projects {width:100%;}
      .portfolio-figure img {width:100%!important;}
      .portfolio-figure a {padding-right:0px!important;}
       #three { padding-top: 0px;}
      .isotope-filters li:last-child a { margin-left: 0px;}
      .map { margin-top: 0px;}
      .tabbable p { width: 100%!important;}
      .nav > li > a { float: none!important; display: inline-block;}
    .sticky-nav { display: block!important;}
    .navbar { display: none;}
    .sticky-nav, .shrink-nav.nav-transparent {
    background: rgba(4, 7, 7, 0.78) none repeat scroll 0% 0%;
    }
    .nav > li {
    border-bottom:none;}
    .sticky-nav .navbar-nav > li > a {
    color: #FDCF09;}
    .project {
    padding-top:50px!important;}
    
    .team-profile img { width: 40%!important;} 
    .star {display: none;}
      .gray-bg { margin-top: 0px!important;}
.project .col-sm-6 { width: 100%;}
.projects {
    width:80% !important;
}
 .team-people { font-size: 16px;}   
 
    /* 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; }
   
    .about-tab { margin-top: 50px;}
    .about-tab li { font-size: 13px; margin-left: 0px;}  
    .popular-destinations { background-image: none;
     background-color: #862128;}
     .firstclass { background-image: none;
        padding:0px;
     }
     .secondclass{
        background-image: none;
     }
     .thirdclass{
        background-image: none;
     padding-top: 0px;
     padding-bottom: 60px;
     }
     .lastclass { padding-top: 0px;}
     .padding-bottom-90 { padding-bottom: 0px;}
     .work-count-box {
        margin-left: 0px!important;
     }
    .shrink-nav {border-bottom: none;}
     #about { padding-top:0px!important;}
     #about h2 { margin-top: 40px!important; margin-bottom: 0px;}
 .margin-top {
    margin-top: 0% !important;}
    .about-tab li{ margin:0px; padding-right:10px; padding-left: 0; display: block!important;background:none}
    .about-tab li:first-child a{padding-left:5px}
    .carousel-indicators {
    bottom: 0px!important;
}
h2.title-gallery{margin-left:10px !important}
    .tab-content > .tab-pane { float: left;}
    .isotope-filters li:last-child a { font-size: 22px!important; margin-left:0px; padding:0px; }
    .lastclass { background-image: none; }
    .right-part {
    padding: 20px 20px;
}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {    background-color: rgb(0, 0, 0);}
    .about-tab {
    width: 100%;
    float: left;
    margin-top: 0px!important;
}
    .about-tab-desc .tab-content { width:100%;}
    .smriti-content, .support-content p { padding:0 20px;}
    .place li a { margin: 0 0px;}
    .portfolio-year li a {text-align: left;}
    .tabbable2 ul.isotope-filters li:last-child a { font-size: 16px!important;}
    .project2 h2.title-gallery {    text-align: center!important;
    display: block;}
    


}
@media (max-width:430px) {
    .blog-details .blog-views { float: left; width: 100%; } 
    .conter-box .col-md-3:nth-child(2) { margin-top: 9%; }
}
/*@media (min-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; }
    .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%; }
  /*  .nav > li > a { float: none!important; display: inline-block;}
    .sticky-nav { display: block!important;}
    .navbar { display: none;}
    .sticky-nav, .shrink-nav.nav-transparent {
    background: rgba(4, 7, 7, 0.78) none repeat scroll 0% 0%;
    }
    .nav > li {
    border-bottom:none;}
    .sticky-nav .navbar-nav > li > a {
    color: #FDCF09;}
    .project {
    padding-top: 50px;}
    .shrink-nav {border-bottom: none;}
    /*#about { padding-top:0px!important}
    #about h2 { margin-top: 0px!important; font-size: 24px!important;}
.team-people { font-size:16px;}
.project li:first-child { font-size:14px!important;}
.about-tab li { padding-right:0px; padding-left:0px;}
.isotope-filters{ margin-top:0px;}  
.tour-list .portfolio-figure a figcaption P{ font-size:13px;} 
.work-count-box img {width:50%!important;}
    

    /* 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; }
}*/
@media (max-width:640px) {
/*.sticky-nav { display: block!important;}
    .navbar { display: none;}
    .sticky-nav, .shrink-nav.nav-transparent {
    background: rgba(4, 7, 7, 0.78) none repeat scroll 0% 0%;
    }
    .nav > li {
    border-bottom:none;}
    .sticky-nav .navbar-nav > li > a {
    color: #FDCF09;}*/
    .project {
    padding-top: 50px;}
    .work-count-box img {    width: 50%;
    display: block;
    float: none;
    margin: 0px auto 20px;}
    .team-profile img { width: 40%!important;} 
    .star {display: none;}
      .gray-bg { margin-top: 0px!important;}

.home-slider h1 {padding: 0px!important;}
.logo img { width: 80%;}
#about { padding-top: 0; padding-bottom: 5%;}
.tabbable p { width: 100%!important;}
.project li { display: inline-block;}
/*.project li:first-child { font-size:21px!important;}*/
.yellow-line { display: none;}
.tabbable ul { margin-top: 0px;}
.isotope-filters li:last-child a { margin-left: 0px;}
.right-part { padding: 30px;}
.team-details { width: 100%; float: none;}
.secondclass { background-image: none;
padding: 4% 0 0 0;
}
.lastclass { background-image: none; padding: 15% 0;}
h2.title { margin-top: 30px; text-align: center;}
.contact { background-image: none;}
.testimonial { background-image: none;  background:#862128; }
.map { margin-top:0px; }

}
/* ==========================================================================
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); }
}

/* ==========================================================================
Lodear - 02
========================================================================== */

/*@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(180deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }

    25% {
        height: 0%;
    }

    50% {
        height: 100%;
    }

    75% {
        height: 100%;
    }

    100% {
        height: 0%;
    }
}

}*/

/* ==================================================================
    Coming Soon
================================================================== */
@media screen and (min-width:360px) and (max-width:640px) {

}

@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(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; }
    .fill { height: 40%;}
    .slider-text { height: 90%!important;}
    #about  { padding-top: 70%!important;}
    .project .col-sm-6 { width: 100%;}
    .tabbable { margin-top: 50px;}
    .isotope-filters li:last-child a{ font-size: 24px!important;}
}
@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; }
    #about {
    padding-top:0%!important;}
}
@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 }
    
}
@media only screen and (max-width:1240px)and (min-width:1100px) {
.nav > li{margin: 0 2%;}

}
@media only screen and (max-width:1099px)
{
 /* 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; }
    .sticky-nav { display: block!important;}
    .navbar { display: none;}
    .sticky-nav, .shrink-nav.nav-transparent {
    background: transparent none repeat scroll 0% 0%;
    }
    .nav > li {
    border-bottom:none;}
    .sticky-nav .navbar-nav > li > a {
    color: #FDCF09 !important;}
  
}


}
@media only screen and (max-width:1099px)and (min-width:769px){
.slider-text{top:5%}
}

@media only screen and (min-width:1680px)and (max-width:1900px){
.star{    margin: -7.6% 40% -7.6% 43%;}
.padding-bottom-90{padding-bottom: 170px;}
.testimonial{    background-position: bottom;}
.tour-list .portfolio-figure a figcaption P{font-size: 17px;    text-align: center;    color: #000;    margin-top: 30px;
    font-weight: 500;}
}

@media only screen and (min-width:1901px)and (max-width:1920px){
.star{  margin: -6.9% 40% -6.9% 43%;}
.padding-bottom-90{padding-bottom: 170px;}
.testimonial{    background-position: bottom;}
.map{margin-top: -80px;}
.tour-list .portfolio-figure a figcaption P{font-size: 17px;    text-align: center;    color: #000;    margin-top: 30px;
    font-weight: 500;}
}

@media only screen and (min-width:1365px)and (max-width:1440px){
	.star{  margin: -8.9% 40%;}
	.tour-list .portfolio-figure a figcaption P{font-size: 17px;    text-align: center;    color: #000;    margin-top: 30px;
    font-weight: 500;}
	.blue .home-slider h1 {        font-size: 24px !important;}
	}
@media only screen and (min-width:1010px)and (max-width:1024px){
	.star{  margin: -8.9% 40%;}
	.popular-destinations{padding:0;}
	.navbar-nav > li {    margin: 10px 8px;}
	.slider-text {top: 15%;}
	.tour-list .portfolio-figure a figcaption P {    font-size: 17px;    text-align: center;    color: #000;    margin-top: 23px;
    font-weight: 500;}
	}
	
@media only screen and (max-width: 320px) {
.nav-transparent .logo-dark{display:none;}
.logo img {    width: 50%;    margin-top: 15%;}
#about .container{    margin-top: -32px;}
#about h2{    margin-top: 0px!important;     margin-bottom: 5px !important; font-size: 22px !important;}	
.blue .popular-destinations{    padding-bottom: 0;}
.blue .popular-destinations p{height:auto !important;}
.projects { width: 58% !important; padding-top: 0px!important;}
.tabbable ul.about-tab{    padding-top: 30px;}
.lastclass{    padding: 0;}
.portfolio-year{margin-top: 15px!important;}
.media h2.title{    font-size: 25px !important;}
.testimonial{min-height: 340px;}
.carousel-caption{    padding-bottom: 80px;}

}	

/* ==== 30-8-17 ====== */

@media only screen and (max-width:414px)and (min-width:320px) {

.work-count-box img {margin-bottom: 0px;}

.tour-list .portfolio-figure a figcaption P {margin-top: 35px;}

#popular-destinations .padding-bottom-30 {padding-bottom: 8px;}

.lastclass {padding-bottom: 0px;}

.logo img { width: 50%; margin-top: 15%;}

.project { padding-top: 30px!important; padding-bottom: 10px !important; }

.blue #about h2.title {margin-top: 0px !important;}

.blue #about h2 { font-size: 20px !important;}

.about .title-text { height: 0px!important;}

.blue section { padding-bottom: 0px !important;}

#testimonial .title { margin-top: 20px;}

.testimonial { min-height: auto;}

#contact { padding: 0 0 0px;}

.contact-info { margin-top: 0%;}

.nav-transparent .logo-dark { display: none;}

.projects { width: 58% !important;}

.navbar-collapse { margin-top: 10px;}

.navbar-inverse .navbar-nav  li  a { padding: 10px 0 8px !important;}

.splash-center { max-width: 260px; margin: 3% auto 0px;}

.pop-form { padding: 0px 10px; padding-bottom: 10px;}

.close-splash { right: 30px; top: 12px;}

.register-form { padding: 0px 20px;}

.regis-logo1 { width: 110px; display: block; margin: 13px auto;}

.regis-logo2 { width: 200px;}

.sticky-nav .navbar-toggle {  margin-right: 0px !important;}

.ten-nopad {padding-left: 15px;}

}



@media only screen and (max-width: 1024px)and (min-width: 768px) {

.navbar-toggle {display: block;}

.navbar-collapse.collapse {display: none !important;}

.navbar-header { float: right;}

.sticky-nav {top: 10px !important; }

.navbar-inverse .navbar-nav  li  a { padding: 10px 0 8px !important;}

.navbar-nav { margin-top: 0px;}

.shrink-nav.nav-transparent {background: transparent;}



}

@media only screen and (max-width: 1024px)and (min-width: 800px) {

.navbar-default .navbar-collapse { background-color: rgb(0, 0, 0); }	

.work-count-box img { width: 50%;}

#popular-destinations .project { padding-top: 50px !important; }

#popular-destinations .margin-bottom-50 { margin-bottom: 0px !important;}

.lastclass { padding-bottom: 0%;}

.testimonial { min-height: auto;}


}


@media only screen and (max-width:600px) {
.sticky-nav .container { padding-right: 15px !important;}
}


@media only screen and (max-width: 800px)and (min-width: 600px) {

.logo img { width: 40%;}

.blue .home-slider h1 { margin-top: 0px; font-size: 20px!important;}

.slider-text { top: 4%;}

.navbar-inverse .navbar-nav  li  a { padding: 10px 0 8px !important;}

.navbar-nav { float: none!important;}
 
.navbar-nav li { float: none;}

.navbar-default .navbar-collapse { background-color: rgb(0, 0, 0); }	

.navbar-collapse { margin-top: 0px; width: 200px; float: right;}

.sticky-nav .container { padding-left: 15px; padding-right: 0px;}

.sticky-nav .navbar-toggle { margin-right: 15px;}

.work-count-box img { width: 50%;}

#popular-destinations .project { padding-top: 50px !important; }

#popular-destinations .margin-bottom-50 { margin-bottom: 0px !important;}

.lastclass { padding-bottom: 0%;}

.testimonial { min-height: auto;}

}





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

.register-detail img { margin-bottom: 30px;}
}

@media only screen and (max-width: 800px)and (min-width: 768px) {

.register-detail img { margin-bottom: 70px;}
}

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

.register-form {  max-width: 320px;  text-align: center; float: none; margin: 0px auto;}
.register-detail img {  width: 0px;}
.register-detail { padding-left: 0px; text-align: center;}
.register-detail hr { border-top: 2px dotted #dd3f26; margin: 0px auto;}
.change-bg {background-repeat: repeat;}
}