/* --- gallery image  --- */



.gallery_bg {
	
	max-width: 690px;
	max-height: 450px;
	
	margin: auto;
/*	background-color: skyblue;	*/
	
}


.gallery_bg img {
		
	max-width: 690px;
	
	

/*aspect-ratio: auto || <ratio>;*/
	
  	aspect-ratio: 690 / 450;
	
	object-fit: contain;
	
	margin: auto;
	
	/*border-radius: 10px;*/
	
}


/* --- login link --- */
.beyin_links
{
	position: relative;
	display: block;	
	float: left;
	color: #8CC152;
	font-size: 12px;
	font-weight: bold;		
}
.beyin_links:hover
{
	color: #F0070B;
}


/* --- login link --- */
.login_links
{
	position: relative;
	display: block;
	
	clear: both;
	float: left;
	color: #8CC152;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	padding-right: 12px;
}
.login_links:hover
{
	color: #F0070B;
}


/* --- login error --- */
.login_error
{	
	
	background-color: #FF0004;
	font-size: 12px;
	font-weight: bold;	
	text-align: center;
	opacity: 60%;
	vertical-align: middle;		
	
}

.login_error p
{
	color: #F0FF03;	
	text-align: center;
	display: inline-block; 	
	line-height: 12px;
}

/* --- login success --- */
.login_success
{	
	
	background-color: #067816;
	font-size: 12px;
	font-weight: bold;	
	text-align: center; 
	opacity: 60%;
	
	
}
.login_success p
{
	color: #FFF;	
	text-align: center;
	display: inline-block;
	
}



/* --- form error --- */
.form_error
{	
	
	background-color: #FF0004;
	font-size: 17px;
	font-weight: bold;	
	text-align: center;
	opacity: 60%;
	vertical-align: middle;
	
}

.form_error p
{
	color: #F0FF03;	
	text-align: center;
	display: inline-block;
 
}

/* --- login success --- */
.form_success
{	
	
	background-color: #067816;
	font-size: 17px;
	font-weight: bold;	
	text-align: center; 
	opacity: 60%;
	
	
}
.form_success p
{
	color: #FFF;	
	text-align: center;
	display: inline-block;
	
}


/* ADVERT Styles */

/* LEFT SIDE */
#left_side_adv {
    right: 52%; /* Change this to switch left or right */
    margin-right: 515px; /* Adjust this value with your Blog width */
    top: 98%;
    position:absolute;
   
    height: 100%;
    width: 160px;
 
	
}
		
		
@media only screen and (max-width:1350px) {
    #left_side_adv {
        display: none
    }
}

/* LEFT SIDE */
#right_side_adv {
    left: 52%; /* Change this to switch left or right */
    margin-left: 515px; /* Adjust this value with your Blog width */
    top: 98%;
    position: absolute;
    
    height: 100%;
    width: 160px;
  
}

@media only screen and (max-width:1350px) {
    #right_side_adv {
        display: none
    }
}



.global_img_thumb {
	height: 75px;
	border: 1px solid #000;
	margin: 10px 5px 0 0;
}


.phone_code {
    max-width: 150px;
    min-width: 150px;
    width: 150px !important;	
}