body{
    margin: auto;
}
* { box-sizing: border-box; }

.data-left{
	float:left;
}

.main-nav {
  height: 55px !important;
  width: 100%;
  font-size: 16px !important;
  font-family:'"cabin', regular;
  color: black;
  text-align: justify;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #e6e6e6;
  padding: 5px 16px;
  background-color: #FFF;
  transition: all 300ms ease-in-out;
}
.main-nav img {
  height: 100% !important;
  width: auto;
}

.small {
  height: 40px;  
}

#section {
	position:absolute;
	z-index:-1;
  width:78.3%;
  margin-right: 10%;
  margin-left: 10%;
}
.ampleteam img{
	height:479px;
}
/*email css changes*/
.emailform{
    float:left;
    background-color:rgb(226, 226, 226);
    padding:25px 15px; 
    border-radius:4px;
    margin-bottom: 20px;
}
.emailfield{
    margin-top:10px
}
.alignment{
    text-align:center;
}
.email-enter-text{
    width:98%;
    padding: 10px;
}
.page-wrap { width: 100%; margin: 60px auto 0; padding-top: 0px;}
.page-wrap > div, .ampleteam-actual-table { margin: 0 0; min-width: 200px; width: 100%; }

.ampleteam-actual-table { border-collapse: collapse;}
        .actual-table td { 
            width: 30%; 
            padding-top: 15px; 
            vertical-align: top;
        }
/*.table-responsive .table.description-table .description-height .description-width, */
/*.table-responsive .table.description-table .description-height .description-cell-width{*/
/*    vertical-align:inherit;*/
/*    border-top:0*/
/*}*/
.table-responsive{
		overflow:hidden !important;
}
.description-cell-width{
  width: 35%;
}
.user-color{
	color:#540400
}
.existing-user{
	margin-top: 40px
}
.new-user{
	margin-top: 20px
}
#ampleteam-heading{
font-family: 'Zilla Slab', serif !important;
font-size: 52px!important;
color: rgba(0,34,94,0.96);
font-weight: 800;
text-align: center;
padding-top: 15px;
margin-top:0%!important;
}

#emp{
font-family: 'Gentium Basic', bold;
font-size: 47px;
font-weight: 800;
color: #540400;
text-align: left;
padding-left: 40px;
margin-top: 19%;
}
.user{
	width:75%;
	margin-left:7.5%;
	margin-right:7.5%;
}
.ampleteam-button{
  
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #540400;
  color: #540400;
  text-align: center;
  font-size: 17px;
  padding: 5px 25px;
  transition: all 0.5s;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;

}
.ampleteam-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  color: #540400;
}

.ampleteam-button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.ampleteam-button:hover span {
  padding-right: 25px;
}

.ampleteam-button:hover span:after {
  opacity: 1;
  right: 0;
}

.ampleteam-dropdown{
	margin-top:12px
}
.small .ampleteam-dropdown{
	margin-top:0
}
.issue {
    margin-top: 80px; 
	width: 90%;
    padding-left: 80px !important;
    padding-right: 80px !important;
}
@media screen and (min-width:250px) and (max-width:767px){
	h1#ampleteam-heading{
		font-size:38px!important;
	}
	.menuicon img{
		width:26px;
	}
	.menuicon{
		float:right;
	}
	#emp{
		text-align:center
	}
}
@media screen and (min-width:250px) and (max-width:567px){
	body{
	   background-color: #f2f2f2!important;
	   background-image: none!important;
	}
	.loginright{
	    margin-top: 25%;
	}
	.feedback{
	    margin-top: 2%;
	    margin-left: -12%!important;
	}
	.lefty{
    padding: 10px 10px!important;
    margin-left: -3%!important;
    }
	.ampleteam img{
		height:24%;
		width:100%;
	}
	#emp{
		font-size: 36px;
		padding-left:0
	}
	.issue{
		margin-top: 35px;
		padding-left:26px !important;
		padding-right:26px !important;
		margin-left: 5.5%;
	}
	.user{
		width:85%;
		margin:28px 7.5% 0;
	}
	.dropdown-content{
		width:31%!important;
		
	}
}
@media screen and (min-width:568px) and (max-width:767px){
	#emp{
		font-size:37px;
		margin-top:6%;
	}
	.ampleteam img{
		height:29%;
		width:70%;
		margin:0 15%;
	}
	.issue{
		padding-left:26px !important;
		padding-right:26px !important;
	}
	.user{
		width:56%;
		margin:0 22%;
	}
	.issue{
		width:80%;
		margin:35px 10% 0 10%;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.ampleteam img{
		width:84%;
		margin:0 8%
	}
	#emp{
		text-align:center
	}
	.user{
		width:62%;
		margin:32px 19% 0;
	}
}
@media screen and (min-width:250px) and (max-width:273px){
	#menu-display{
		margin-top:19%;
		margin-left:31%;
	}
	.small #menu-display{
		margin-top:12%;
	}
}
@media screen and (min-width:274px) and (max-width:280px){
	#menu-display{
		margin-top:19%;
		margin-left:31%;
	}
	.small #menu-display{
		margin-top:12%;
	}
}
@media screen and (min-width:281px) and (max-width:292px){
	#menu-display{
		margin-top:18.5%;
		margin-left:34%;
	}
	.small #menu-display{
		margin-top:10.5%;
	}
}
@media screen and (min-width:293px) and (max-width:300px){
	#menu-display{
		margin-top:18.5%;
		margin-left:35%;
	}
	.small #menu-display{
		margin-top:10.5%;
	}
}
@media screen and (min-width:301px) and (max-width:319px){
	#menu-display{
		margin-top:17%;
		margin-left:37%;
	}
}
@media screen and (min-width:320px) and (max-width:328px){
	.small #menu-display{
		margin-top:9.5%;
	}
}
@media screen and (min-width:329px) and (max-width:367px){
	.small #menu-display{
		margin-top:8.5%;
	}
}
@media screen and (min-width:368px) and (max-width:386px){
	.small #menu-display{
		margin-top:8%;
	}
}
@media screen and (min-width:387px) and (max-width:395px){
	#menu-display{
		margin-top:13%;
	}
}
@media screen and (min-width:396px) and (max-width:423px){
	#menu-display{
		margin-top:12%;
	}
	.small #menu-display{
		margin-top:7%;
	}
}
//*@media screen and (min-width:406px) and (max-width:412px){
	.small #menu-display{
		margin-top:7%;
	}
}
@media screen and (min-width:413px) and (max-width:423px){
	#menu-display{
		margin-top:12%;
		margin-left: 57%;
	}
}*/
@media screen and (min-width:424px) and (max-width:445px){
	#menu-display{
	margin-top:12%;
	}
}
@media screen and (min-width:446px) and (max-width:457px){
	#menu-display{
		margin-top:11%;
		
	}
}
@media screen and (min-width:458px) and (max-width:468px){
	#menu-display{
		margin-top:11%;
	}
}
@media screen and (min-width:469px) and (max-width:478px){
	#menu-display{
		margin-top:11%;
	}
}
@media screen and (min-width:530px) and (max-width:562px){
	#menu-display{
		margin-top:9%;
	}
	
}