/* CSS for high-resolution devices and Min width 992px */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5)   and (min-width: 992px),
only screen and (-moz-min-device-pixel-ratio: 1.5)  and (min-width: 992px),
only screen and (-o-min-device-pixel-ratio: 3/2)  and (min-width: 992px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 992px)
{
.footer-full
{
width:100%; min-height:229px; margin:0px auto; background:url(/static/retina/footer-bg.png) no-repeat; background-size:100% 100%; float:left;
}
.header-full
{
width:100%; height:auto; margin:0px auto; background:url(/static/retina/header-top.png) no-repeat; background-size:100% 408px; float:left;
}
.login-full
{
width:100%; min-height:363px; margin:0px auto; background:url(/static/retina/login-bg.png) repeat; background-size:100% 100%; float:left;
}
.login-header-button
{width:110px; height:45px; background:url(/static/retina/login-header.png) no-repeat; background-size:100% 100%; margin-left:87%; color:#4597d5;}
.loginR1
{width:30%; min-height:323px; margin-left:5px; background:url(/static/retina/lohin-right-bg.png) no-repeat; background-size:100% 100%; float:left; margin-bottom:15px;}
.menu-full
{
width:100%; min-height:88px; margin:0px auto; background:url(/static/retina/menu-full-bg.png) no-repeat; background-size:100% 100%; float:left; border-bottom:4px solid #fff;
} 
.money-making-full
{
background:url(/static/retina/money-bg.png) no-repeat #404145; background-size:100% 100%; 
}
.people-area-full
{
background:url(/static/retina/people-bg.png) no-repeat #414246;
} 
.peopleB
{background:url(/static/retina/people-text-2.png) no-repeat; }
 .publisherB
{background:url(/static/retina/publisher-new-bg.png) no-repeat;}
.publisher-All2
{width:94%; margin-left:2%; float:left; background:url(/static/retina/advertise-bd-new.png) no-repeat; background-size:100% auto; height:auto; margin-top:4%; }
.publisher-All
{width:94%; margin-left:2%; float:left; background:url(/static/retina/pub-gp.png) no-repeat; background-size:100% auto; height:auto; margin-top:4%; }
.who-we-areaLe
{width:95%; height:auto; float:left; margin-left:2%; background:url(/static/retina/who-we-wre-new-bg.png) no-repeat; background-size:100% auto; margin-top:55px;}

.menu1
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu1:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4:hover
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu5
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu5:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}

}


/* CSS for high-resolution devices and Min width 771px and maximum 991px */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5)   and (min-width: 771px) and (max-width: 991px),
only screen and (-moz-min-device-pixel-ratio: 1.5)  and (min-width: 771px) and (max-width: 991px),
only screen and (-o-min-device-pixel-ratio: 3/2)  and (min-width: 771px) and (max-width: 991px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 771px) and (max-width: 991px)
{
.footer-full
{
width:100%; min-height:229px; margin:0px auto; background:url(/static/retina/footer-bg.png) no-repeat; background-size:100% 100%; float:left;
}
.header-full
{
width:100%; height:auto; margin:0px auto; background:url(/static/retina/header-top.png) no-repeat; background-size:100% 350px; float:left;
}
.login-full
{
width:100%; min-height:363px; margin:0px auto; background:url(/static/retina/login-bg.png) repeat; background-size:100% 100%; float:left;
}
.login-header-button
{width:110px; height:45px; background:url(/static/retina/login-header.png) no-repeat; background-size:100% 100%; margin-left:82%; color:#4597d5;}
.loginR1
{width:40%; min-height:323px; margin-left:28%; background:url(/static/retina/lohin-right-bg.png) no-repeat; background-size:100% 100%; float:left; margin-bottom:15px;}
.menu-full
{
width:100%; min-height:88px; margin:0px auto; background:url(/static/retina/menu-full-bg.png) no-repeat; background-size:100% 100%; float:left; border-bottom:4px solid #fff;
}
.money-making-full
{
background:url(/static/retina/money-bg.png) no-repeat #404145; background-size:100% 100%; 
}
.people-area-full
{
background:url(/static/retina/people-bg.png) no-repeat #414246;
} 
.peopleB
{background:url(/static/retina/people-text-2.png) no-repeat; }
 .publisherB
{background:url(/static/retina/publisher-new-bg.png) no-repeat;}
.publisher-All2
{width:95%; margin-left:2%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% auto; height:auto; margin-top:10%; }
.publisher-All
{width:95%; margin-left:2%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% auto; height:auto; margin-top:10%; }
.who-we-areaLe
{width:100%; height:auto; margin-left:0%; float:left; background:url(/static/retina/who-we-image3.png) no-repeat; background-size:100% auto; margin-top:55px;}
.menu1
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu1:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4:hover
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu5
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu5:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
  
}

/* CSS for high-resolution devices and Min width 771px and maximum 991px */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5)   and (min-width: 533px) and (max-width: 770px),
only screen and (-moz-min-device-pixel-ratio: 1.5)  and (min-width: 533px) and (max-width: 770px),
only screen and (-o-min-device-pixel-ratio: 3/2)  and (min-width: 533px) and (max-width: 770px),
only screen and (min-device-pixel-ratio: 1.5) and (min-width: 533px) and (max-width: 770px)
{
.footer-full
{
width:100%; min-height:229px; margin:0px auto; background:url(/static/retina/footer-bg.png) no-repeat; background-size:100% 100%; float:left;
}
.header-full
{
width:100%; height:auto; margin:0px auto; background:url(/static/retina/header-top.png) no-repeat; background-size:100% 298px; float:left;
}
.login-full
{
width:100%; min-height:363px; margin:0px auto; background:url(/static/retina/login-bg.png) repeat; background-size:100% 100%; float:left;
}
.login-header-button
{width:110px; height:45px; background:url(/static/retina/login-header.png) no-repeat; background-size:100% 100%; margin-left:74%; color:#4597d5;}
.loginR1
{width:53%; min-height:323px; margin-left:23%; background:url(/static/retina/lohin-right-bg.png) no-repeat; background-size:100% 100%; float:left; margin-bottom:15px;}
.menu-full
{
width:100%; min-height:88px; margin:0px auto; background:url(/static/retina/menu-full-bg.png) no-repeat; background-size:100% 100%; float:left; border-bottom:4px solid #fff;
}
.money-making-full
{
background:url(/static/retina/money-bg.png) no-repeat #404145; background-size:100% 100%; 
}
.people-area-full
{
background:url(/static/retina/people-bg.png) no-repeat #414246;
} 
.peopleB
{background:url(/static/retina/people-text-2.png) no-repeat; }
 .publisherB
{background:url(/static/retina/publisher-new-bg.png) no-repeat;}
.publisher-All2
{width:98%; margin-left:1%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% auto; height:auto; margin-top:10%; }
.publisher-All
{width:98%; margin-left:1%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% auto; height:auto; margin-top:10%; }
.who-we-areaLe
{width:100%; height:auto; margin-left:0%; float:left; background:url(/static/retina/who-we-image3.png) no-repeat; background-size:100% 53px; margin-top:55px;} 
.menu1
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu1:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; } 
.menu4
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4:hover
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu5
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu5:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
  
  
}





/* CSS for high-resolution devices and maximum 532px */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5)   and (max-width: 532px),
only screen and (-moz-min-device-pixel-ratio: 1.5)  and (max-width: 532px),
only screen and (-o-min-device-pixel-ratio: 3/2)  and (max-width: 532px),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 532px)
{
.footer-full
{
width:100%; min-height:229px; margin:0px auto; background:url(/static/retina/footer-bg.png) no-repeat; background-size:100% 100%; float:left;
}
.header-full
{
width:100%; height:auto; margin:0px auto; background:url(/static/retina/header-top.png) no-repeat; background-size:100% 292px; float:left;
}
.login-full
{
width:100%; min-height:363px; margin:0px auto; background:url(/static/retina/login-bg.png) repeat; background-size:100% 100%; float:left;
}
.login-header-button
{width:110px; height:45px; background:url(/static/retina/login-header.png) no-repeat; background-size:100% 100%; margin-left:60%; color:#4597d5;}
.loginR1
{width:95%; min-height:323px; margin-left:2%; background:url(/static/retina/lohin-right-bg.png) no-repeat; background-size:100% 100%; float:left; margin-bottom:15px;}
.menu-full
{
width:100%; min-height:88px; margin:0px auto; background:url(/static/retina/menu-full-bg.png) no-repeat; background-size:100% 100%; float:left; border-bottom:4px solid #fff;
}
.money-making-full
{
background:url(/static/retina/money-bg.png) no-repeat #404145; background-size:100% 100%; 
}
.people-area-full
{
background:url(/static/retina/people-bg.png) no-repeat #414246;
}
.peopleB
{background:url(/static/retina/people-text-2.png) no-repeat; }
 .publisherB
{background:url(/static/retina/publisher-new-bg.png) no-repeat;}
.publisher-All2
{width:98%; margin-left:1%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% 60px; height:auto; margin-top:10%; }
.publisher-All
{width:98%; margin-left:1%; float:left; background:url(/static/retina/publisher-new-bg.png) no-repeat; background-size:100% 60px; height:auto; margin-top:10%; }
.who-we-areaLe
{width:100%; height:auto; margin-left:0%; margin-bottom:10px; float:left; background:url(/static/retina/who-we-image3.png) no-repeat; background-size:100% 100%; margin-top:55px;}
.menu1
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu1:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-1-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu2:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-2-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu3:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-3-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu4:hover
{margin-left:35px; height:88px; min-width:130px;background:url(/static/retina/menu-font-bg-4-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu5
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px; }
.menu5:hover
{margin-left:35px; height:88px; min-width:150px; background:url(/static/retina/menu-font-bg-5-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
.menu6:hover
{margin-left:35px; height:88px; min-width:120px; background:url(/static/retina/menu-font-bg-6-hover.png) no-repeat;  background-position: 0px 0px; background-size: 65px 88px;}
    
}