/*------------------------------------------------------------------
Responsive Stylesheet

Project:   Massive - Multipurpose Responsive Theme
Build:     Bootstrap 3 +
Author:    ThemeBucket

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

/*------------------------------------------------------------------
Table of contents

1. Small Desktop
2. Tablet Landscape
3. Tablet Portrait
4. Phone
5. Small Phone
-------------------------------------------------------------------*/


/* -------------------------------
   Small desktop
   ------------------------------- */

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

	
}  

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

    
}

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

    
}

/* -------------------------------
   Tablet Landscape
   ------------------------------- */

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

    .login-box.gray-bg {
        margin-bottom: 20px;
    }

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



    /*portfolio   grid*/
    .portfolio.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.col-6 .portfolio-item {
        width: 33.3333333%;
        /*width: 50%;*/
    }

    .social-link.pull-right {
        float: left !important;
        margin-top: 10px;
    }

    #footer.dark .secondary-footer .social-link a {
        margin: 0 15px 0 0;
    }

    .f-list {
        margin-bottom: 40px !important;
    }


    .clients.grid-2 li {
        width: 50%;
    }

    .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li  {
        width: 33.33%;
    }


    .clients.angle-box.grid-2 li {
        width: 46%;
    }

    .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {
        width: 29.33%;
    }

    .feature-bg-box {
        margin-bottom: 50px;
    }



}

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



    /*portfolio   grid*/
    .portfolio.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.col-6 .portfolio-item {
        /*width: 33.3333333%;*/
        width: 50%;
    }

    .testimonial.grid-2 li, .img-post.col-2 .item, .img-post.col-3 .item, .img-post.col-4 .item {
        width: 100%;
    }

    .subscribe-info, .subscribe-form {
        width: 90%;
    }

    .subscribe-info {
        margin-bottom: 30px;
        display: inline-block;
    }

    .post-parallax .dark-overlay {
        display: none;
    }

    .v-middle {
        padding-bottom: 30px;
    }

    .post-list-aside {
        margin-bottom: 50px;
    }

    .feature-border-box {
        margin-bottom: 50px;
        display: inline-block;
    }

    .bs-hero.full-screen .carousel-inner .item img {
        height: 100vh;
        width: 100%;
    }

  .lift-off {
    display: none;
  }

}

  
/* -------------------------------
   Tablet Portrait
   ------------------------------- */
  
@media screen and (max-width: 768px) {

    //header {
    //    top:0;
    //}
    .page-title{
        margin-top: 47px;
    }
    .menuzord-responsive.menuzord {
        padding: 0
    }
    .menuzord-responsive .logo-brand {
        font-size: 20px;
        line-height: 2.55;
    }
    .menuzord-responsive .showhide {
        margin: 0
    }
    .menuzord-responsive .menuzord-menu {
        width: 100%;
        float: left!important
    }
    .menuzord-responsive .menuzord-menu.scrollable {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .menuzord-responsive .menuzord-menu.scrollable>.scrollable-fix {
        display: block
    }
    .menuzord-responsive .menuzord-menu>li {
        width: 100%;
        display: block;
        position: relative
    }
    .menuzord-responsive .menuzord-menu>li>a {
        width: 100%;
        padding: 12px 20px;
        display: block;
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu>li:first-child>a {
        border-top: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown {
        width: 100%;
        left: 0;
        position: static;
        border: none;
        background: #fff;
        float: left
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li {
        position: relative
    }
    .menuzord-responsive .menuzord-menu ul.dropdown li a {
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>a {
        padding-left: 40px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 60px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li>a {
        padding-left: 80px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li:hover>a {
        /*padding-left: 50px!important*/
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 70px!important
    }
    .menuzord-responsive .menuzord-menu.menuzord-indented>li>ul.dropdown>li>ul.dropdown>li>ul.dropdown>li:hover>a {
        padding-left: 90px!important
    }
    .menuzord-responsive .menuzord-menu li .indicator {
        width: 60px;
        height: 45px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        text-align: center;
        line-height: 43px;
        border-left: solid 1px #f5f5f5
    }
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator {
        height: 38px;
        right: 0;
        top: 0;
        font-size: 18px;
        line-height: 36px
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu {
        width: 100%!important;
        left: 0!important;
        position: static;
        border-top: none;
        border-bottom: solid 1px #f0f0f0
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row [class*=col] {
        float: none;
        display: block;
        width: 100%!important;
        margin-left: 0;
        margin-top: 15px
    }
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row,
    .menuzord-responsive .menuzord-menu>li>.megamenu .megamenu-row:first-child [class*=col]:first-child {
        margin-top: 0
    }
    .menuzord-responsive .menuzord-menu>li.search form {
        width: 100%;
        margin: 4px 0;
        padding: 10px 16px!important
    }
    .menuzord-responsive .menuzord-menu>li.search form input[type=text],
    .menuzord-responsive .menuzord-tabs-content,
    .menuzord-responsive .menuzord-tabs-nav {
        width: 100%
    }

    //#header.transparent-header .light-header,
    //#header.transparent-header {
    //    background: #fff !important;
    //}
    //
    //#header.transparent-header .dark-header  {
    //    background: rgba(10, 10, 10, 1) !important;
    //}

    /*-------------------------*/
    /* Mneu items */
    /*-------------------------*/

    .menuzord-responsive .menuzord-menu > li > a{
        padding: 12px 20px !important;
        line-height: 20px;
    }
    /* Dropdown indicators */
    .menuzord-responsive .menuzord-menu li ul.dropdown li .indicator{
        border: none;
    }
    /* Dropdown */
    .menuzord-responsive .menuzord-menu ul.dropdown,
    .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown{
        background: #fff;
    }
    /* Dropdown items */
    .menuzord-responsive .menuzord-menu ul.dropdown li a{
        border: none;
    }

    //.light.menuzord-menu > li > a, .light.menuzord-menu > li > a > i, header .dark-header .menuzord-menu > li > a, header .dark-header .menuzord-menu > li > a > i {
    //    color: #333;
    //}
    //
    //header.sticky .menuzord-menu>li>a {
    //    line-height: 20px;
    //}
    //
    //
    //header .logo-brand img, header.nav-center-align .logo-brand img {
    //    height: 50px;
    //}
    //
    //
    //header.transparent-header.sticky + #fullscreen-banner {
    //    margin-top: -50px;
    //}
    //
    //header.transparent-header + #fullscreen-banner {
    //    margin-top: 0px;
    //}
    //
    //header + #fullscreen-banner {
    //    margin-top: -50px;
    //}
    //
    //.dark-header.header-bottom-border,
    //.light-header.header-bottom-border {
    //    height: auto;
    //    border: none;
    //}


    .menuzord-menu li .indicator i.fa-angle-down:before {
        content: "\f107";
    }

    /*----*/
    //
    //header {
    //    height: auto;
    //    position: fixed;
    //    z-index: 1200;
    //}
    //
    //header .light-header {
    //    border-bottom: 1px solid #f5f5f5;
    //}
    //
    //header li.nav-icon .indicator {
    //    display: block;
    //}
    //
    //header li.nav-icon i {
    //    font-size: 22px;
    //}
    //
    //.nav-center-align,
    //.nav-block-left {
    //    text-align: left;
    //    position: fixed;
    //}
    //
    //.nav-center-align.m-bot-10,
    //.nav-center-align.m-bot-15,
    //.nav-center-align.m-bot-20,
    //.nav-center-align.m-bot-25,
    //.nav-center-align.m-bot-30,
    //.nav-center-align.m-bot-40,
    //.nav-block-left.m-bot-10,
    //.nav-block-left.m-bot-15,
    //.nav-block-left.m-bot-20,
    //.nav-block-left.m-bot-25,
    //.nav-block-left.m-bot-30,
    //.nav-block-left.m-bot-40
    //
    //{
    //    display: inline;
    //}
    //
    //.nav-center-align .border-tb,
    //.nav-block-left .border-tb {
    //    border: none;
    //}
    //
    //header li.nav-icon i,
    //.nav-center-align .menuzord-menu > li > a,
    //header.nav-center-align li.nav-icon i,
    //.nav-block-left .menuzord-menu > li > a,
    //header.nav-block-left li.nav-icon i{
    //    line-height: 20px;
    //}

    .top-ads {
        display: none;
    }

    //.nav-block-left .menuzord-menu {
    //    height: auto;
    //}


    .portfolio-filter li {
        display: inline-block;
        line-height: 40px;
    }


    ul.menuzord-menu {
        background: #fff;
    }

    .login-box.gray-bg {
        margin-bottom: 20px;
    }

    .count-down .c-grid, .count-down-alt .c-grid {
        margin: 10px;
        float: left;
    }

    .count-icon {
        right: 40px;
    }

    .feature-bg-box {
        margin-bottom: 50px !important;
    }

    .catering-form input,
    .catering-form button,
    .catering-form select {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .catering-form .form-group, header.nav-center-align .logo-brand img  {
        margin: 0;
    }

    header.nav-center-align .logo-brand img {
        height: 40px;
    }

    .cart-info .megamenu-quarter-width {
        width: auto !important;
    }

    .boxed .wrapper,
    .boxed header.sticky,
    .boxed header.sticky .header-sticky,
    .boxed header.transparent-header {
        width: 100%;
    }

    .banner-box h1, .banner-title h1 {
        font-size: 30px;
    }

    .banner-box h3, .banner-title h3, h3 {
        font-size: 18px;
    }

    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 20px;
    }

    .b-lg-txt {
        font-size: 40px !important;
    }

    .post-single .post-desk {
        height: auto;
    }

    .nav-center-align .logo-brand, .nav-center-align .menuzord-menu, .nav-center-align .menuzord-menu > li {
        float: left;
    }

    /**/

    .travel-form.icon-tabs .nav > li > a {
        padding: 30px 25px;
    }




}

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

    .page-title .breadcrumb {
        left: 15px;
        margin: 20px 0 0;
        right: auto;
    }

    .page-content {
        padding: 50px 0;
    }

    .heading-title {
        margin-bottom: 50px;
    }

    .promo-info {
        padding-right: 0px;
    }

    .promo-btn {
        margin-top: 0;
        position: relative;
        right: 0;
        top: 0;
        margin-top: 20px;
    }

    .fun-factor {
        padding: 30px 0;
    }

    .post-grid {
        margin: 0;
    }
    .post-grid .col-lg-1, .post-grid .col-lg-10, .post-grid .col-lg-11, .post-grid .col-lg-12, .post-grid .col-lg-2, .post-grid .col-lg-3, .post-grid .col-lg-4, .post-grid .col-lg-5, .post-grid .col-lg-6, .post-grid .col-lg-7, .post-grid .col-lg-8, .post-grid .col-lg-9, .post-grid .col-md-1, .post-grid .col-md-10, .post-grid .col-md-11, .post-grid .col-md-12, .post-grid .col-md-2, .post-grid .col-md-3, .post-grid .col-md-4, .post-grid .col-md-5, .post-grid .col-md-6, .post-grid .col-md-7, .post-grid .col-md-8, .post-grid .col-md-9, .post-grid .col-sm-1, .post-grid .col-sm-10, .post-grid .col-sm-11, .post-grid .col-sm-12, .post-grid .col-sm-2, .post-grid .col-sm-3, .post-grid .col-sm-4, .post-grid .col-sm-5, .post-grid .col-sm-6, .post-grid .col-sm-7, .post-grid .col-sm-8, .post-grid .col-sm-9, .post-grid .col-xs-1, .post-grid .col-xs-10, .post-grid .col-xs-11, .post-grid .col-xs-12, .post-grid .col-xs-2, .post-grid .col-xs-3, .post-grid .col-xs-4, .post-grid .col-xs-5, .post-grid .col-xs-6, .post-grid .col-xs-7, .post-grid .col-xs-8, .post-grid .col-xs-9 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .post-desk.pad-left-less {
        padding-left: 40px !important;
    }

    .portfolio-filter li {
        display: inline-block;
        line-height: 40px;
    }

    .page-title {
        text-align: center;
    }

    .page-title .breadcrumb {
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        margin: 10px 0 0 !important;
        position: relative !important;

    }

    .footer-3 .f-logo-center,
    .footer-4 .f-logo-center{
        left: 40px !important;
    }


    .clients.grid-2 li, .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li {
        width: 50%;
    }

    .clients.angle-box.grid-2 li, .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {
        width: 46%;
    }

    .testimonial.grid-2 li,
    .subscribe-info, .subscribe-form,
    .c-info-row .c-info,
    .c-info-row .c-slide,
    .nav > li,
    .featured-box .one-third {
        width: 100%;
    }


    .half-txt {
        width: 80%;
    }


    .icon-box-tabs .nav-pills > li + li {
        margin-left: 0;
    }

    .icon-box-tabs .nav-pills > li  {
        margin-bottom: 10px;
        text-align: center;
    }

    .subscribe-info, .featured-item {
        margin-bottom: 30px;
        display: inline-block;
        width: 100%;
    }

    .subscribe-form input, .subscribe-box.text-center .subscribe-form input {
        margin-bottom: 10px;
        display: inline-block;
    }


    .subscribe-form input, .subscribe-form .btn {
        width: 100% !important;
    }


    .error-info {
        display: inline-block;
        width: 100%;
        padding-top: 30px;
        margin-top: 60px;
        padding-left: 0;
        border-left: none;
        border-top: 1px solid #ddd;
        text-align: center;
    }

    .maintenance-banner img, .responsive-img img {
        width: 100%;
        height: auto;
    }

    .feature-border-box {
        margin-bottom: 50px;
        display: inline-block;
    }

    #portfolio-carousel.owl-theme .owl-controls,
    #portfolio-carousel-alt.owl-theme .owl-controls{
        bottom: -48px;
        left: 0;
        margin-top: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
    }


    .count-down .c-grid, .count-down-alt .c-grid {
        margin: 20px;
    }

    .count-icon {
        right: 40px;
    }

    .p-quantity, .featured-box .one-third:nth-child(2) {
        padding: 0;
    }

    .img-post .post-desk {
        padding: 10px;
    }

    .side-object .content {
        padding: 100px 0;
        text-align: center;
        width: 100%;
    }

    .side-object .object {
        display: none;
    }

    .bs-hero.full-screen .carousel-inner .item img {
        height: 100%;
        width: 100%;
    }

    .btn {
        margin-bottom: 5px;
    }

    .btn-medium {
        font-size: 12px;
    }

    .intro-title h2 {
        font-size: 20px;
    }

    .intro-title p {
        font-size: 12px;
    }

    .intro-title p span {
        font-size: 20px;
    }

    .tp-caption .btn {
        padding: 5px;
        font-size: 10px;
    }


    //header.transparent-header.sticky + #fullscreen-banner,
    //header.transparent-header + #fullscreen-banner,
    //header + #fullscreen-banner {
    //    top: 0px;
    //}



    /**/

    .travel-form .form-group {
        width: 100%;
    }

    .travel-form.icon-tabs .nav>li>a {
        padding: 10px 5px;
        font-size: 12px;
    }

    .travel-form.icon-tabs li i {
        font-size: 20px;
    }

    .travel-form .nav > li {
        width: auto;
        margin-right: 5px;
    }

    .travel-form .form-control, .travel-form .btn {
        height: 30px;
    }

    .travel-form .form-group {
        margin-bottom: 0px;
    }

    .travel-form label {
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 11px;
    }

    .travel-form .btn {
        margin-top: 10px;
    }

    .travel-form .btn {
        line-height: 10px;
    }

    .travel-booking + .body-content {
        margin-top: 100px;
    }

    .travel-form {
        position: static;
        margin-top: 20px;
    }

    .travel-form-bg-light {
        padding: 24px 0;
    }

    /**/

    .bs-hero.full-screen .carousel.slide .carousel-control {
        width: 30%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .fashion-title h1 {
        font-size: 25px;
        font-weight: 100;
        letter-spacing: 5px;
        margin-bottom: 0;
    }

    .bs-hero.full-screen .carousel-inner .item img {
        height: 100vh;
        width: 100%;
    }

    .fashion-footer .subscribe-form input {
        width: 100% !important;
    }

    .fashion-footer ul {
        margin: 20px 0 30px 0;
        display: block;
    }

    .fashion-footer ul,
    .fashion-footer .social-link {
        text-align: center;
    }

    .bs-hero.full-screen .carousel-inner .item .bs-info-center {
        margin-left: -50%;
        width: 100%;
    }

    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
        width: 100%;
    }


    .bs-hero.full-screen .carousel-inner .item .bs-info-right {
        top: 45%;
        right: 0%;
        left: 0;
        text-align: center;
    }
}


/* -------------------------------
   Phone
   ------------------------------- */
  
@media screen and (max-width: 480px) {

    /*portfolio   grid*/
    .portfolio.col-2 .portfolio-item,
    .portfolio.col-3 .portfolio-item,
    .portfolio.col-4 .portfolio-item,
    .portfolio.col-5 .portfolio-item,
    .portfolio.col-6 .portfolio-item,
    .testimonial.grid-2 li{
        width: 100%;
        /*width: 50%;*/
    }

    .error-parallax .error-avatar img {
        width: 50%;
        height: auto;
    }

    .error-parallax .error-avatar {
        display: block;
        margin-bottom:20px;
        margin-top: 80px;
    }

    .error-parallax .error-info {
        border-left: none;
        border-top:  none;
        display: inline-block;
        margin-top: 0;
        padding-left: 0;
        padding-top: 0;
    }

    /**/
    .coming-soon-logo img {
        width: 30%;
    }

    .count-down .c-grid, .count-down-alt .c-grid {
        margin: 10px 30px;
    }

}


/* -------------------------------
   Small Phone
   ------------------------------- */
  
@media screen and (max-width: 479px) {
    .clients.grid-2 li, .clients.grid-3 li, .clients.grid-4 li, .clients.grid-5 li, .clients.grid-6 li, .testimonial.grid-2 li {
        width: 100%;
    }

    .clients.angle-box.grid-2 li, .clients.angle-box.grid-3 li, .clients.angle-box.grid-4 li, .clients.angle-box.grid-5 li, .clients.angle-box.grid-6 li {
        width: 96%;
    }


    .error-avatar img {
        width: 100%;
        height: auto;
    }

    .error-parallax .error-avatar img {
        width: 50%;
        height: auto;
    }

    .error-parallax .error-avatar {
        display: block;
        margin-bottom:20px;
        margin-top: 80px;
    }

    .error-parallax .error-info {
        border-left: none;
        border-top:  none;
        display: inline-block;
        margin-top: 0;
        padding-left: 0;
        padding-top: 0;
    }

    .login-box, .login-social-link a,
    .c-info-row .c-info,
    .c-info-row .c-slide{
        width: 100%;
    }

    .login-social-link a {
        margin-bottom:15px;
        display: block;
    }

    #portfolio-carousel.owl-theme .owl-controls,
    #portfolio-carousel-alt.owl-theme .owl-controls{
        bottom: -48px;
        left: 0;
        margin-top: 10px;
        position: absolute;
        right: 0;
        text-align: center;
        top: auto;
    }

    .count-down .c-grid, .count-down-alt .c-grid {
        margin: 10px 0;
        width: 100%;
        float: left;
    }

    .count-icon {
        right: 40px;
    }


    .count-down.circle .c-grid,
    .count-down-alt.circle .c-grid  {
        border-radius: 0% !important;
    }

    .count-down.round .c-grid,
    .count-down-alt.round .c-grid  {
        border-radius: 0px !important;
    }

    .tp-caption .btn {
        padding: 5px;
        font-size: 6px;
    }

    /**/
    .count-down .c-grid,
    .count-down-alt .c-grid {
        height: 70px;
        padding-top: 5px;
        width: 40%;
    }

    .count-down .c-value,
    .count-down-alt .c-value {
        font-size: 20px;
    }

    .count-down .c-title,
    .count-down-alt .c-title {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .count-down .c-grid, .count-down-alt .c-grid {
        margin: 10px;
    }

}

