/* Uncomment this line to turn off google ads */
/* .adsbygoogle {display:none !important;} */

#menu-toggle {
background: transparent !important;
}

/* Button Colors */
/*
.btn-primary{
    background-color: <color#1>;
    border-color: <color#1>;
}

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary{
    background-color: <color#2>;
    border-color: <color#2>;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus { 
  background-color:<color#3>;
  border-color: <color#3>;
}

*/

/* Menu Toogle colors */


#menu-toggle {
    color: #ffffff;
}


/*
#menu-toggle:hover {
	background-color: <background color>;
	color:<text color>;
}
*/

.alternative-reward 
{
	display: none;
	}
	
.form-control 
{
	font-size: 11px !important;
	}  

@media only screen and (max-width: 450px) {
        
    #logo img {
        height: 125px !important;
    }	
  

    header{
        background-image: url(/Websites/MGC/images/headerbg_mobile.png);
        background-repeat: repeat-x !important;    
        height: 125px !important;
    }
    
    .mobile-image 
    {
        max-width: 400px !important;
     }
     
}
				    
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

#logo img {
    height: 125px !important;
}	


header{
    background-image: url(/Websites/MGC/images/headerbg_mobile.png);
    background-repeat: repeat-x !important;    
    height: 125px !important;
}
mobile-image 
{
    max-width: 400px !important;
 }
    

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
#logo img {
    height: 125px !important;
}	
 

header{
    background-image: url(/Websites/MGC/images/headerbg_mobile.png);
    background-repeat: repeat-x !important;    
    height: 125px !important;
}    
    }

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
#logo img {
    height: 188px !important;
}	


header{
    background-image: url(/Websites/MGC/images/headerbg_tablet.png);
    background-repeat: repeat-x !important;    
    height: 188px !important;
}    
    }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
#logo img {
    height: 301px !important;
}	


/* Header colors */

header {
    background-image: url(/Websites/MGC/images/headerbg.png);
    background-repeat: repeat-x !important;    
    height: 301px !important;
}

login-container { 
    margin-top: 10px;
                  }
        
    }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
#logo img {
    height: 301px !important;
}	


/* Header colors */

header{
    background-image: url(/Websites/MGC/images/headerbg.png);
    background-repeat: repeat-x !important;    
    height: 301px !important;
}
 
login-container { 
    margin-top: 10px;
                  }       
    }    


/* Header */
header{
	height: 70px;
	background-color: #fff;
	z-index: 1049 !important;
	position: initial !important;
    width: 100%;
}

#content {
    padding-top: 0 !important; 
}