.booking_i, .phone_i { 
    font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 14px;
}
.phone_i, .phone_i a { 
	font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 700;
	font-size: 22px;
	color: #008000;
	text-decoration:none;
}
.header-top { padding-top:8px; }
.emailus { 
    font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 14px;

}
.emailus_id, .emailus_id a { 
    font-family: 'Roboto', sans-serif;
	color: #000;
	font-weight: 600;
	font-size: 16px;
	text-decoration: none;
}
.search-container { background: rgba(0,0,0,0.4); padding: 20px 25px 25px 25px; margin: 30px 0px; }
h2.booking-form-title { margin-bottom: 20px; }
.search-container .row { padding-bottom:0px; }
.search-container .boxed-btn { background: #ffbf00; width:100%; color: #000 !important;	border: 1px solid #ffbf00;	font-family: 'Lato', sans-serif; font-size: 17px; font-weight: bold; padding: 10px 25px; letter-spacing: 0px;
}
.search-container .form-control { border: 1px solid #000; border-radius: 0px; }
.single-slider p { color:#fff; }
.single-slider a { padding: 10px 30px; background: #ffbf00; color: #000000 !important; border-radius: 0px!important; font-size: 17px; line-height:20px!important; }
.single-slider-leftside { bottom:13px; position:absolute; }
.header-top .emailus-div .col-xl-3 img { padding-left: 11px; padding-top: 8px; }
.header-top .phone-div .col-xl-3 img { padding-left:16px; padding-top: 8px; }
.faq_content_area h4 {
	font-family:'Open Sans', sans-serif;
	line-height:30px !important;
	font-size:21px;
}
.faqposttitlepara {
    font-family: 'Open Sans', sans-serif;
    line-height: 30px !important;
    font-size: 21px;
    color: #0b1c39;
    margin-top: 0;
    font-style: normal;
}
@media screen and (max-width: 480px) {
	.choose_perfect, .b1 {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px) {
    .mainbg-leftside {
        bottom: 0px !important;
        position: relative !important;
        top: 15px;
    }
    .mainbg h1, h2.booking-form-title {
        text-align: center !important;
    }
    .main-header {
    	padding: 10px 0px;
    }
    /*.rental_content .card-title {
    	margin-top: 20px;
    }*/
    .pagination_info .text-center { margin-top: 0px !important;
    margin-bottom: 0px !important; }
    .best_villas_bali {
	    margin-bottom: 40px;
	}
	.choose_perfect { height: 100%; padding: 5px 20px 0px 20px; }
	.b1 { height: 100%; }
	/*.blog_details {
	    height: 175px;
	}*/
	.blog_details_info {
    	height: 100%;
    	padding: 10px 20px;
	}
	.ipad{ margin-bottom: 10px;}
	.ipad .b1 { padding: 12px 12px 5px 12px; }
	
	.b1 p { line-height:25px; margin-bottom:5px; }
	
	.choose_perfect p { line-height: 25px; margin-bottom: 5px; }
	
	.blog_details_info p { line-height: 25px; margin-bottom: 5px; }
	
	.blog_details p{ margin-bottom: 5px; line-height:25px; }
	
	.star_details_multi { padding: 5px 0px 0px 0px; }
	
	.blog_details.star_details {
        padding: 5px 25px;
        height: 100%;
    }
	.why_bali_villas .second_title { margin-top: 20px; }
	.key_bali_villas {
	    margin: 0px 0px 15px 0px;
	}
	.second_section {
    	margin-top: 20px;
	}
	.main_image {
		height: 280px;
	}
	.img_tag img, .main_image img {
		height: 250px !important;
	}
	.custom_width, .custom_width_max, .finl { margin-top: 15px; }
	.mainbg-leftside p { text-align: center; }
	.blog_details_h {
	    padding: 0px 0px 0px 0px;
	    height: 600px;
	}
	.b20 .text-heading {
		margin-top: 20px;
	}
	.img_tag img, .main_image img, .responsive_images img {
		height: 280px !important;
		width: 100%;
	}
	.best_villas_bali {
        margin-top: 35px;
	}
	.best_villas_bali .first_title {
        margin-bottom: 30px;
        text-align: center;
	}
	.col-md-5.ipad_s{ padding: 0 5px; }
	.card-title, .text-heading { margin-top: 10px; }
	.ipad_v span.material-symbols-outlined, .pda3 span.material-symbols-outlined { top: 0px; }
	.sample-text-area {
        padding: 10px 0 40px;
    }
	
}
@media (min-width: 768px) {
    .custom_width {
	    max-width: 22% !important;
	}
	.custom_width_max {
	    max-width: 22.666667% !important;
	    flex: 0 0 22.666667%;
	}
}

@media only screen and (max-width: 810px) {
    .mainbg h1, h2.booking-form-title {
        font-size: 22px;
    }
    /*.img_tag img, .main_image img, .responsive_images img {
		height: 250px !important;
		width: 100%;
	}*/
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .search-container .form-group { margin-bottom: 6px; }
	.search-container { padding:15px 15px 15px 15px!important; }
	.amount {
	    font-size: 25px;
	}
	.address {
    	font-size: 16px;
    }
    .price_details .btn, .price_details .btn:hover { font-size: 16px; padding: 27px 12px; }
    p { font-size: 16px; }
    .card-title {
    	font-size: 20px;
    }
    .text_p {
	    font-size: 16px;
	    position: relative;
	    bottom: 6px;
	}
	.ipad_m { display: none; }
	.ipad, .ipad6, .ipad9, .ipad_s {
		flex: 0 0 50%;
        max-width: 50%;
	}
	.header-area {
        padding: 8px 0px;
    }
    .slicknav_menu .slicknav_icon {
	    margin-top: 20px;
	}
	.ipad_v {
		flex: 0 0 100%;
        max-width: 100%;
	}
	.b1 {
	    height: 220px;
	    padding: 30px 28px;
	    margin-bottom: 20px;
	}
	.img_tag img {
		height: 100% !important;
	}
	.choose_perfect {
        height: 155px;
        margin-bottom: 20px;
    }
	.blog_details {
	    height: 180px;
	}
	.blog_details_info {
	    height: 165px;
	}
	.second_title {
    	font-size: 24px;
    }
    .main_image img {
	    height: auto !important;
	}
	#navigation li a, .footer_area h3, .header-info-right, .logo h3 {
    	font-size: 14px;
    }
    .blog_details_h {
	    padding: 0px 0px 0px 0px;
	    height: 600px;
	}
	.img_tag img, .main_image img, .responsive_images img {
		height: 250px !important;
		width: 100%;
	}
	.inner-page-slider {
	    height: 230px;
	    overflow: hidden;
	}
	.inner-page-content {
	    padding: 20px 0 0px;
	}
	.activities_area p {
		 margin-top: 50px;
	}
	.header-area .slicknav_btn {
	    top: -75px;
	}
	.box_info {
	    margin-top: 2px;
	}
	.b20 {
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	.inner-page-slider .mainbg-leftside {
	    bottom: 40px;
	}
}
@media (max-width: 767px) {
	.responsive_images { width: 100%; }
    .responsive_images img {
        height: 230px;
        object-fit: cover;
    	object-position: center center;
    }
    .youtube_class {
        height: 350px;
        object-fit: cover;
    	object-position: center center;
    }
    .list_items_clone li::before {
        left: -20px; /* Adjust bullet position */
    }
}
img { max-width: 100%; }
.ipad_v span.material-symbols-outlined { top: 0px; }

@media (max-width: 1024px) {
    .responsive_images img {
        height: 407px;
        object-fit: cover;
    	object-position: center center;
    }
    .youtube_class {
        height: 350px;
        object-fit: cover;
    	object-position: center center;
    }
    .responsive_images { width: 100%; }
    .list_items_clone li::before {
        left: -20px; /* Adjust bullet position */
    }
}