@media only screen and (min-width:992px) and (max-width:1199px) {
    .address-item {
        width: 30%
    }
    .header_style_01 .navbar-light .navbar-nav>li a {
        padding: 10px 12px;
        font-size: 14px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .left-top,
    .social-box {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .email-box {
        margin: 0
    }
    .email-box a,
    .phone-box a {
        font-size: 14px
    }
    .megamenu .navbar-header {
        width: 100%
    }
    .header_style_01 .navbar-light .navbar-nav>li a {
        display: block
    }
    .navbar-light .navbar-brand img {
        max-width: 170px
    }
    .slide-text h1 {
        font-size: 28px
    }
    .btn11,
    .slide-text h2 {
        font-size: 13px
    }
    .btn11 {
        padding: 10px 30px
    }
    .owl-next i,
    .owl-prev i {
        line-height: 40px
    }
    .slider-wrapper .owl-nav .owl-next,
    .slider-wrapper .owl-nav .owl-prev {
        height: 40px;
        width: 40px
    }
    .home-one-slider-otem .slider-content-area {
        height: 400px
    }
    .message-box {
        margin-bottom: 30px
    }
    hr.hr1 {
        margin: 30px 0
    }
    .stat-wrap div {
        margin-bottom: 30px
    }
    .stat-wrap p {
        font-size: 28px
    }
    .customwidget h1,
    .section-title h3 {
        font-size: 32px
    }
    .image-center img {
        margin: 30px 0 0;
        padding: 0
    }
    .footer .widget,
    .footer-recent {
        margin-bottom: 30px
    }
    .megamenu .navbar-collapse ul {
        margin-top: 30px
    }
    .banner h2 {
        font-size: 38px
    }
    .banner h2::after {
        top: 0
    }
    .portfolio-filter ul li .btn-dark {
        padding: 10px 20px
    }
    .address-item {
        width: 100%;
        margin: 0 0 30px
    }
}

@media (max-width:450px) {
    .slider-content-btn .btn11 {
        width: 95%!important
    }
    .banner h1::after {
        width: 100%!important
    }
    .banner h1 {
        font-size: 20px!important
    }
}

@media (max-width:767px) {
    .left-top,
    .social-box {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .email-box {
        margin: 0
    }
    .megamenu .navbar-header {
        width: 100%
    }
    .email-box a,
    .phone-box a {
        font-size: 16px
    }
    .header_style_01 .navbar-light .navbar-nav>li a {
        display: block
    }
    .navbar-light .navbar-brand img {
        max-width: 170px
    }
    .slide-text h1 {
        font-size: 28px
    }
    .btn11,
    .slide-text h2 {
        font-size: 13px
    }
    .btn11 {
        padding: 10px 30px
    }
    .owl-next i,
    .owl-prev i {
        line-height: 40px
    }
    .slider-wrapper .owl-nav .owl-next,
    .slider-wrapper .owl-nav .owl-prev {
        height: 40px;
        width: 40px
    }
    .home-one-slider-otem .slider-content-area {
        height: 400px
    }
    .message-box {
        margin-bottom: 30px
    }
    hr.hr1 {
        margin: 30px 0
    }
    .stat-wrap div {
        margin-bottom: 30px
    }
    .stat-wrap p {
        font-size: 28px
    }
    .customwidget h1,
    .section-title h3 {
        font-size: 32px
    }
    .image-center img {
        margin: 30px 0 0;
        padding: 0
    }
    .footer .widget,
    .footer-recent {
        margin-bottom: 30px
    }
    .megamenu .navbar-collapse ul {
        margin-top: 30px
    }
    .banner h2 {
        font-size: 38px
    }
    .banner h2::after {
        top: 0
    }
    .portfolio-filter ul li .btn-dark {
        padding: 10px 20px
    }
    .address-item {
        width: 100%;
        margin: 0 0 30px
    }
}

@media only screen and (min-width:280px) and (max-width:575px) {
    .left-top,
    .social-box {
        float: none;
        margin: 0 auto;
        text-align: center
    }
    .email-box {
        margin: 0
    }
    .header_style_01 .navbar-light .navbar-nav>li a {
        display: block
    }
    .navbar-light .navbar-brand img {
        max-width: 201px;
    }
    .slide-text h1 {
        font-size: 28px
    }
    .btn11,
    .slide-text h2 {
        font-size: 13px
    }
    .btn11 {
        padding: 10px 30px
    }
    
    .mobile-booking-btns .btn11 {
    	display: inline-block;
    	width: 96% !important;
    }

    .owl-next i,
    .owl-prev i {
        line-height: 40px
    }
    .slider-wrapper .owl-nav .owl-next,
    .slider-wrapper .owl-nav .owl-prev {
        height: 40px;
        width: 40px
    }
    .mobile-booking-btns {
    	display: block !important;
    }
    .desktop-btn {
    	display: none !important;
    }
    .slide-text h1, .slide-text h2 {
    	display: none !important;
    }

    .home-one-slider-otem .slider-content-area {
        height: 330px;
        padding-bottom: 10px;
    }
    .message-box {
        margin-bottom: 30px
    }
    hr.hr1 {
        margin: 30px 0
    }
    .stat-wrap div {
        margin-bottom: 30px
    }
    .stat-wrap p {
        font-size: 28px
    }
    .customwidget h1,
    .section-title h3 {
        font-size: 32px
    }
    .image-center img {
        margin: 30px 0 0;
        padding: 0
    }
    .footer .widget,
    .footer-recent {
        margin-bottom: 30px
    }
    .megamenu .navbar-collapse ul {
        margin-top: 30px
    }
    .banner h2 {
        font-size: 38px
    }
    .banner h2::after {
        top: 0
    }
    .portfolio-filter ul li .btn-dark {
        padding: 10px 20px
    }
    .address-item {
        width: 100%;
        margin: 0 0 30px
    }
}