/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

.single-post .active-blog a{
    color: #ffd20a !important; 
}
#Subheader {
	background-size: cover; 
}
#Subheader .column {
    margin-bottom: 0;
    display: table;
    height: 460px;
}
.subheader-both-left #Subheader .title {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
@media only screen and (max-width: 1575px) {
	#Subheader .column {
	    height: 445px;
	}
}
@media only screen and (max-width: 1440px) {
	#Subheader .column {
	    height: 410px;
	}
}
@media only screen and (max-width: 1366px) {
	#Subheader .column {
	    height: 395px;
	}
}
@media only screen and (max-width: 1280px) {
	#Subheader .column {
		height: 375px;
	}
}


@media only screen and (max-width: 1200px) {
	.header-transparent #Top_bar #logo {
      padding: 5px 0px;
	}
	#Subheader .column {
	    height: 345px;
	}
}

@media only screen and (max-width: 1024px) {
	#Subheader .column {
		height: 290px;
	}
}


@media only screen and (max-width: 991px) {
	#Subheader .column {
	    height: 260px;
	}
	#Subheader .title{ font-size: 50px!important; }
}

@media only screen and (max-width: 800px) {
	#Subheader .column {
	    height: 220px;
	}
}
@media only screen and (max-width: 767px)
	{
		#Subheader .title {
			text-align: center;
		}

		#Subheader {
			padding-left: 15px  !important; 
			padding-right: 15px  !important; 
		    /*background-position: 0px 0px;
		    background-size: 100%;*/
		        background-position: left top;
    			background-size: cover;
		}
		.subheader-both-left #Subheader .title {
			padding: 0px!important; 
		}
 
	}
@media only screen and (max-width: 680px){
	#Subheader .column {
	    height: 160px;
	}
	#Subheader .title {
	    font-size: 35px!important;
	}
}

@media only screen and (max-width: 479px) {
		#Subheader .title {
		    font-size: 30px!important;
		    line-height: 42px;
		}
		.minimalist-header-no #Subheader{padding:0px 0!important}
		#Header_wrapper, #Intro {
		    background-color: #030200!important;
		}
		.mobile-header-mini.mobile-mini-mr-lc #Top_bar .logo {
		    text-align: left!important;
		    padding-left: 15px!important;
		}
		img.scale-with-grid {
		    max-width: 60%!important;
		}
		#Subheader .column {
		    height: 112px;
		}
}	
@media only screen and (max-width: 360px) {
	#Subheader .column {
	    height: 100px;
	}
}
@media only screen and (max-width: 320px) {
	#Subheader .column {
	    height: 90px;
	}
}