/*
:: Table of content

1.)  Media Query for Tablet
2.)  Media Query for mobile
 
 ===============================*/
/*
 1.) Media Query for Tablet
 ===============================*/
 @media only screen and (min-width: 768px) and (max-width: 999px) {
    
    p {
        margin-bottom: 0.5rem;
        font-size: 0.7rem;
        line-height: 1rem;
    }

    .py-xxl-5, #details-section, #reviews-section, #videos-section, #more-information-section {
        padding: 60px 0;
    }
    
}
@media only screen and (min-width: 1000px) and (max-width: 1024px) {
	
    .py-xxl-5, #details-section, #reviews-section, #videos-section, #more-information-section {
        padding: 60px 0;
    }
    
    #overview-section .section-title .ct-text-below{
        top: -48px;
        left: 42px;
        font-size: 80px;
    }

    .tab-pills-section .nav-link{
        width: 33.33%;
    }

    #details-section .overview-section-wrapper{
        padding-left: 0;
    }

    .section-heading .overview-section-wrapper.review-content-slider{
        padding-left: 0;
    }
}

/*
2.)  Media Query for mobile
 ===============================*/
@media only screen and (max-width: 767px) {
    body{
        line-height: 1;
    }
    
    li, p{
        line-height: 1.2rem;
        font-size: 13px;
        margin-bottom: 13px;
    }
    .f-address-details p {
        font-size: 12px;
    }
    .time-text h2 {
        font-size: 18px;
    }

    .f-logo{
        margin-bottom: 30px;
    }

    .time-text span{
        display: inline-block;
        margin-bottom: 5px;
    }

    .only-mobile{
        display: block;
    }

    .no-mobile{
        display: none;
    }
    .mb-4 {
        margin-bottom: 0.5rem !important;
    }

    .section-heading .section-title {
        margin-bottom: 1.5rem !important;
    }

    .section-title .ct-text-below{
        font-size: 55px;
        top:-32px
    }

    .section-heading .overview-section-wrapper{
        padding-left: 12px;
    }

    .image-container{
        height: auto;
    }

    .image-content{
        margin-top:  -25px ;
    }

    .image-content h1{
        font-size: 35px;
        line-height: 1.2;
        padding-bottom: 0;
        width: 100%;
    }
    .button-wrapper{
        padding: 0;
    }

    .image-content .subtext{
        margin-bottom: 5px;
        font-size: 20px;
    }

    .image-content h4{
        font-size: 14px;
    }

    .py-xxl-8{
        padding: 1.5rem 0;
    }

    #top-header{
        padding: 0;
    }

    .mb-xxl-5{
        margin-bottom: 30px;
    }    

    .reviews-section-content{
        margin-bottom: 25px;
    }

    
    
    #disclaimer-section{
        padding-bottom: 10px;
    }

    #footer::after{
        bottom: -81px;
    }

    .footer-bottom .logo-name{
        margin-bottom: 12px;
    }

    .footer-bottom p {
        margin-bottom: 0;
        color: #fff;
    }

    .disclaimer-details p {
        color: #796e6e;
        font-size: 10px;
    }

    #dark-overlay-wrapper{
        height: 300px;
    }

    .overlay-banner-content {
        margin-top: -50px;
    }

    #dark-overlay-wrapper .overlay-banner-content .overlay-banner-title h2{
        font-size: 1.2rem;
    }

    #details-section .section-title .ct-text-below, #videos-section .section-title .ct-text-below{
        color: #fff;
    }
    
    #details-section .overview-details{
        margin-bottom:40px;
    }

    #reviews-section .overview-section-wrapper{
        margin-bottom: 40px;
    }
    .tab-pills-section .nav-link{
        padding: 15px 16.8px !important;
        font-size: 0.7rem;
        width: 33.33%;
    }
    .icon-content{
        width: 100%;
    }
    .overview-section-image-content{
        margin-bottom: 40px;
    }

    .section-heading .overview-section-wrapper.review-content-slider{
        padding-left: 12px;
    }
    
    .sns a{
        padding: 8px;
    }
    .footer-logo {
        padding-bottom: 0;
    }
    #footer {
        padding: 0 0 50px;
        height: initial;
    }
    #body-header-section h1 {
        font-size: 20px;
        width: 95%;
        padding: 0;
    }

    .main-content-wrapper.d-flex{
        display: block !important;
        margin-bottom: 30px;
    }

    #deal-information-section p a, .book-now a {
        font-size: 14px;
        padding: 12px 0px !important;
        background: #000;
        color: #fff;
        border-radius: 50px;
        width: 100px;
        text-align: center;
    }

    .blog-image {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1400px) {
    .container{
        width: 960px;
    }

	#slider-container{
        margin-bottom: 3rem;
    }
    .py-xxl-5 {

        padding: 3rem !important;
    }

    .py-xxl-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
    }  

}