/*
Theme Name: EntertopWP Child Theme
Theme URI: https://www.entertop.com.my
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Entertop WP
Author URI: https://www.entertop.com.my
template: bb-theme
*/

/* Add your custom styles here... */ 


/* Start General */ 

a{transition:0.3s;}

a:hover{text-decoration:none;transition:0.3s;}

li.button-top a {
	background-color: #f5e066;
	color: #232d51 !important;
	border-radius: 5px;
	padding: 6px 18px !important;
}

li.button-top a:hover {
	background-color: #ccc;
	color: #000 !important;
}

.calculator-body {
	margin-bottom: -160px;
	z-index: 1;
}

.nf-form-fields-required {
	display: none;
}

/* End General */ 

/* Section 1 */ 

.section-one .fl-callout-photo-left .fl-callout-photo{
	padding-right: 0px !important;
	width: 15% !important;
	vertical-align: center !important;
}

.section-one .fl-photo-img {
	width: 60px !important;
}

.section-one .fl-callout-title {
	padding: 0 !important;
}


/* End Section 1 */ 



@media only screen and (max-width: 1440px) and (min-width: 1200px) {
	
	body {
	font-size: 15px;
	}
	
	h2 {
	font-size: 37px !important;
	}
	
	h3 {
	font-size: 25px !important;
	}
	
	h4 {
	font-size: 19px !important;
	}
	
	.contain-content{
		width:1000px !important;
	}
	
	.contain-content-min{
		width:1100px !important;
	}
	
	.opl{
		margin-top:-15%;
	}
	


}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
	
	/* Mobile screen size */
@media (max-width: 480px) {
	
	h1 {font-size:26px !important;}
	h2 .pp-secondary-title, h2 {
	font-size: 23px !important;
}
	h3 {font-size:17px !important;}
	h4{font-size:15px !important;}
	p {font-size:14px !important;}
	   
}
    
}