@media(max-width:1200px)
{
.merchantsidehexoutercontainers {
    left: -28px;
    position: relative;
}
.merchantsidehexoutercontainer {
    position: absolute;
    left: 35px;
}
.merchantsidehex3 {
    top: -279px;
    left: 136px;
}
.merchantsidehexs4 {
    top: -334px;
    left: 69px;
}
.merchantsidehex2 {
    top: -115px;
    left: 68px;
}
.merchantsidehex6 {
    left: 137px;
    top: -576px;
}
.merchantsidehex7 {
    top: -819px;
    left: 68px;
}
.rmmerchantsidehex7 {
    top: -622px;
    left: 138px;
}
.merchantsidehex8 {
    top: -747px;
    left: 0px;
}
.dashboardhex7 {
    top: -432px;
    left: 85px;
}
.merchantsidehex5 {
    left: 69px;
    top: -411px;
}
.merchantsidehex4 {
    left: 0px;
    top: -326px;
}
.merchantsidehexs3 {
    top: -249px;
    left: 138px;
}
.merchantsidehexs2 {
    top: -164px;
    left: 69px;
}
.dashboardhexoutercontainer
{
    left: 90px;
}
.dashboardhex1
{
    top: 65px;
}
.dashboardhex2
{
    top: 115px;
    left: -68px;
}
.dashboardhex3
{
    left: 170px;
    top: -85px;

}
.dashboardhex4
{
    left: -153px;
}
.dashboardhex5
{
    top: -86px;
    left: 84px;
}
.dashboardhex6
{
    top: -136px;
    left: 17px;
}
.merchantsidehexoutercontainer {
    position: relative;
    left: -32px;
}

}
@media(max-width:991px)
{
	.mercbanside {
    padding: 120px 0;
}
.dashboardhexoutercontainer
{
    left: 215px;
}
.dashboardhex1
{
    top: 65px;
}
.dashboardhex2
{
    top: 115px;
    left: -68px;
}
.dashboardhex3
{
    left: -137px;
    top: 66px;

}
.dashboardhex4
{
    left: -458px;
    top: 163px;
}
.dashboardhex5
{
    top: 63px;
    left: 84px;
}
.dashboardhex6
{
    top: 14px;
    left: 17px;
}
.merchantsidehexs3 {
    top: -144px;
    left: -12px;
}
.merchantsidehexs2 {
    top: -185px;
    left: 47px;
}
.merchantsidehexs1 {
        top: -144px;
    left: 104px;
}
.merchantsidehexoutercontainers {
    left: 140px;
    position: relative;
    height: 0;
}
.sideban {
    padding: 15px;
    width: 50%;
    margin: auto;
}
}
@media(max-width:768px)
{
	.mainpage
		{
    		background: url(../images/slices/ayd_bg_clear.png) no-repeat center center fixed;
    		background-size: cover;   
		}
	.mainpageblur
		{
    		background: url(../images/slices/ayd_bg_blur.png) no-repeat center center fixed;   
			background-size: cover;
		}
	.outerhexagon {
	    left: 30%;
	}

}

@media(max-width:600px)
{
	.hex3 {
   			top: -4px;
    		left: 90px;
		}
		.outerhexagon {
	    left: 22%;
	}

}
@media(max-width:476px)
{
	.hex3 {
   			top: -62px;
    		left: 90px;
		}
	.hex2 {
   			top: 46px;
    		left: 1px;
		}
		.outerhexagon {
	    left: 14%;
	}

}
@media(max-width:375px)
{
	
	.outerhexagon {
	    margin: 0;
    	left: 5%;
	}

}