@media screen and (max-width: 319px) {
}
 @media (min-width: 320px) and (max-width: 479px) {
 h1 {
 font-size: 34px;
}
 .navbar-collapse {
 position: absolute;
z-index: 100000;
 right: 14px;
 margin-top: 42px;
 background-color: #772c30;
 left:15px;
 padding-right: 0;
 padding-bottom: 10px;
width: 90%;
}
 
 
 
}
 @media (min-width: 480px) and (max-width: 599px) {
 h1 {
 font-size: 50px;
}
 
 .navbar-collapse {
 position: absolute;
 z-index: 100000;
 right: 15px;
 margin-top: 42px;
 background-color: #772c30;
 left: 15px;
 padding-right: 0;
 padding-bottom: 10px;
}
 
 
}
 @media screen and (max-width: 767px) {
	
	.innerheader .navbar-inverse .navbar-brand, .innerheader .navbar-inverse .navbar-toggler {
    color: #fff;
    text-align: left;
}

 
	 .aumlogo {
    text-align: center;
    display: none;
}


   .logo {
    display: block;
    margin: 9px 0 0 10px;
    text-align: left;
        width: 100%;
}
 .navbar-inverse .navbar-toggler {
 
    z-index: 10000;
    cursor: pointer;
    border-color: rgb(119 43 49);
    background: #772c30; margin: 10px 0 0;
 
}

	.innerheader .navbar-inverse .navbar-toggler {
    z-index: 10000;
    cursor: pointer;
    border-color: rgb(235 131 58);
    background: #ed8339;
    margin: 37px 0 0;
}

.innerheader .navbar-collapse {
    
    margin-top: 77px;
}

.top-header .navbar {
    padding: 0;
}
 .enquirynow {
 margin: -14px 0 0;
 position: relative;
 left: 0;
 text-align: left !important;
}
 .navbar-inverse .navbar-nav .nav-link {
transition: all 0.5s ease;
padding:7px 15px;
 color: #fff;
}
 .navbar-inverse .navbar-nav .nav-link:hover {
background:#eab942;
color:#fff;
}


.desktop{display:none;}
.mobile{display:block;}

.shapeleft, .shaperight{ display:none;  }
 

.footertop ul.list-unstyled li {
   
    justify-content: left;
}
.mobile.top-header .col-md-6, .innerheader .col-md-6{    position: relative;
    width: 40%;
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
 
    justify-content: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 40%;
    max-width: 40%;
    display: flex;
	}
.mobile.top-header .col-md-3, .innerheader .col-md-3 {position: relative;
    /* width: 67%; */
    min-height: 1px;
    padding-right: 8px;
    padding-left: 8px;
 
    justify-content: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 57%;

	
	}

 
.bg-banner h2 {

    font-size: 33px;
}


}

@media only screen and (max-width: 768px){
#mega-menu-wrap-navbar .mega-menu-toggle.mega-menu-open + #mega-menu-navbar {
    display: block;
    position: absolute;
    z-index: 10000; width: 100%;
}

}
 @media only screen and (min-width: 600px) and (max-width: 767px) {
 .navbar-collapse {
 position: absolute;
 z-index: 100000;
 right: 15px;
 margin-top: 42px;
 background-color: #772c30;
 left: 15px;
 padding-right: 0;
 padding-bottom: 0;
}
 
}
 @media only screen and (min-width:768px) and (max-width:999px) {
	 
	 .top-header .navbar {
    padding: 18px 0 0;
}
	 .shapeleft, .shaperight{ display:none;  }
.desktop{display:none;}
.mobile{display:block;}


 .navbar-inverse .navbar-toggler {
z-index: 10000;
cursor:pointer;
   border-color: rgb(119 43 49);
    background: #772c30;  
}
 .navbar-collapse {
 position: absolute;
 z-index: 100000;
 right: 15px;
 margin-top: 42px;
 background-color: #772c30;
 left: 15px;
 padding-right: 0;
 padding-bottom: 0;
}
 
 .navbar-inverse .navbar-nav .nav-link {
transition: all 0.5s ease;
padding:7px 15px;
 color: #fff;
}
 .navbar-inverse .navbar-nav .nav-link:hover {
background:#eab942;
color:#fff;
}
}
 @media (min-width: 1000px) and (max-width: 1199px) {
 
 .navbar-toggleable-md .navbar-nav .nav-link {
 padding: 4px 8px;
}
 .navbar-inverse .navbar-nav .nav-link {
 font-size: 16px;
}
}