/* bigg HD Display */
@media  screen and (max-width: 5000px) {
    /* insert styles here */
    body{ font-size: 2rem; margin-bottom: 400px !important; }
    .container{ max-width: 2000px; }
	
	 .ar_cube{ width: 1260px; }
	.home_image{ max-width: 650px; }
	
    #mainheader{
        background-size: 100% 100%;
        padding-top: 250px;
        padding-bottom: 250px;
    }
    #mainheader h1{
        font-size: 85px;
    }
	.slider_logo{ width: auto !important; }
	#subheader{
		padding: 300px 0;
	}
	#subheader h1{
        font-size: 85px;
    }
    .navbar-light .navbar-nav > li > a {
        font-size: 2rem;
    }
    .card{ margin: 5px; }
    .first-card{ margin-top: 30px }
	.navbar-brand > img {max-width: 400px;}
	.sectionmaintainance{margin-top:250px;}
	body.formaintainance {
        background-size: 100% !important;
    }
}
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 2100px) {
    /* insert styles here */
    body{ font-size: 1.5rem; margin-bottom: 300px !important; }
    .container{ max-width: 1500px; }
    .ar_cube{ width: 1100px; }
	.home_image{ max-width: 620px; }
    #mainheader{
        background-size: 100% 100%;
        padding-top: 200px;
        padding-bottom: 200px;
    }
	.slider_logo{ width: auto !important; }
    #mainheader h1{
        font-size: 65px;
    }
	#subheader{
		padding: 300px 0;
	}
	#subheader h1{
        font-size: 65px;
    }
    .navbar-light .navbar-nav > li > a {
        font-size: 1.5rem;
    }
	.navbar-brand > img {max-width: 262px;}
	.sectionmaintainance{margin-top:250px;}
	body.formaintainance {
        background-size: 100% !important;
    }
}
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1520px) {
    /* insert styles here */
    body{ font-size: 1rem; margin-bottom: 250px !important; }
    .ar_cube{ width: 800px; }
	.home_image{ max-width: 400px; }
    .container{ max-width: 1140px; }
    #layout-nav{padding: .5rem 1.5rem;}
    .navbar-brand > img {max-width: 225px;}
    #main-nav.navbar-collapse { background: Transparent; }
    #mainheader{
        background-size: cover;
        padding-top: 100px;
        padding-bottom: 100px;
        background-position: bottom center;
    }
	.slider_logo{ width: 300px !important; }
    #mainheader h1{
        font-size: 45px;
    }
	#subheader{
		padding: 150px 0;
	}
	#subheader h1{
        font-size: 45px;
    }
    #carousel-header .carousel-control-prev{margin-left: -90px;}
    #carousel-header .carousel-control-next{margin-right: -90px;}
    .navbar-light .navbar-nav > li > a {
        font-size: 1rem;
    }
    .card{ margin: 5px; }
    .first-card{ margin-top: 30px }
    .sectionmaintainance{margin-top:250px;}
    body.formaintainance {
        background-size: 100% !important;
    }
}
@media  screen and (max-width: 991px) {
	body{ font-size: 1rem; margin-bottom: 250px !important; }
    #layout-nav{padding: 1.5rem;margin-top:0;}
    .navbar-brand > img {max-width: 225px;}
	.ar_cube{ width: 600px; }
	.home_image{ max-width: 100%; margin-bottom: 10px; }
    #mainheader{
        padding-top: 200px;
        padding-bottom: 350px;
        background-size: cover;
        background-position: bottom center;
    }
    #mainheader h1{
        font-size: 30px;
    }
	#subheader{
		padding: 150px 0;
	}
	#subheader h1{
        font-size: 30px;
    }
    .navbar-toggler{ background-color: #efefef; }
    #carousel-header .carousel-control-prev{margin-left: -40px;}
    #carousel-header .carousel-control-next{margin-right: -40px;}
    .first-card{ margin-top: 0; }
    #footer{
        background: url('../images/footer-bg.png') Transparent no-repeat top right;
        background-size: cover; padding: 20px 0;
        padding-top:150px;
    }
    .sectionmaintainance{margin-top:200px;}
    body.formaintainance {
        background-size: 100% !important;
    }
}
@media  screen and (max-width: 500px) {
	body { background: url('../images/body-bg-mobile.png') top center repeat-y #dddddd; background-size: 100%; margin-bottom: 650px !important; }
    .navbar-brand > img {max-width: 200px !important;}
	.fixedtheme .navbar-brand > img { top: 0; }
	.ar_cube{ width: 100%; }
	.home_image{ max-width: 100%; margin-bottom: 10px; }
	 #mainheader{
        padding-top: 180px;
        padding-bottom: 100px;
        background-size: cover;
        background-position: bottom center;
    }
    #mainheader h1{
        font-size: 19px;
		font-weight: 700;
		color: #810000;
		text-shadow: 1px 1px 8px #fff, 1px 1px 8px #ccc;
    }
	#subheader{
		padding: 150px 0;
	}
	#subheader h1{
        font-size: 20px;
    }
    .sectionmaintainance{margin-top:100px;}
    body.formaintainance {
        background-size: 150% !important;
    }
}