/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Tablet ----------*/
@media handheld, only screen and (max-width: 970px){
.skin_wrapper { width:auto!important;}
.logo_style { float:left; padding:10px 10px 10px 1%;}
#Search{right:1%; }
.top_nav {float:right; padding-right:150px;}
.breadcrumb_style { padding:10px 1.5% 0; }
/*.skin_content {width:auto;padding:20px 1%;}
*/

.footerpane_style {padding:0 1%;}
.footer_left{padding-left:1%;}
.footer_right{padding-right:1%;}

/*--------- top_nav ----------*/
.top_nav {float:right; padding:15px 10px 5px 0;}

/*--- CONTENT AREA ---*/
.blue-circle{bottom:80px;left:50px;font-size:17px;line-height:23px;}

/*- menu style -*/
#megaMenu ul { list-style:none; margin:0; padding:0 10px;}
#megaMenu .root li a span{ padding:0 39px 0 24px;}

#megaMenu li.child-1 .category_arrow {left:98px;} 
#megaMenu li.child-2 .category_arrow {left:216px;} 
#megaMenu li.child-3 .category_arrow {left:346px;} 
#megaMenu li.child-4 .category_arrow {left:535px;} 
/*-- four columns --*/
#megaMenu .category li{ width:350px; }
#megaMenu .leaf li{ width:165px; }
#megaMenu li.child-2 .category li, #megaMenu li.child-4 .category li{ width:350px; }
#megaMenu li.child-2 .category .leaf li, #megaMenu li.child-4 .category .leaf li {width:165px;}

/*--------- Page Description ----------*/
.pullout { position:absolute; left:50px; top:10px; width:220px; }

}

@media handheld, only screen and (max-width: 880px){
.blue-circle{ bottom:90px;left:45px;}
.price-wrap{right:-7px;}
}

@media handheld, only screen and (max-width: 840px){
.blue-circle{ bottom:110px;left:45px; font-size:15px; width:150px;}
}


@media handheld, only screen and (max-width: 780px){
.blue-circle{ bottom:120px;left:40px;}
}


@media handheld, only screen and (max-width: 767px){
#megaMenu .root li a span{ font-size:13px; padding:0 40px 0 25px;}
.blue-circle{position:absolute;top:250px;bottom:auto;left:40px;}
}

@media handheld, only screen and (max-width: 730px){
.blue-circle{position:absolute;top:230px;bottom:auto;left:30px;}
}

@media handheld, only screen and (max-width: 640px){
.blue-circle{position:absolute;top:200px;bottom:auto;left:30px; font-size:13px;}
}

@media handheld, only screen and (max-width: 600px){
.blue-circle{position:absolute;top:190px;bottom:auto;left:26px; font-size:13px;}
}

@media handheld, only screen and (max-width: 560px){
.blue-circle{position:absolute;top:170px;bottom:auto;left:20px; font-size:12px;}
}

@media handheld, only screen and (max-width: 500px){
.blue-circle{position:absolute;top:150px;bottom:auto;left:20px; font-size:12px;}
}

@media handheld, only screen and (max-width: 470px){
.blue-circle{position:absolute;top:140px;bottom:auto;left:18px; font-size:12px;}
}

@media handheld, only screen and (max-width: 440px){
.blue-circle{position:absolute;top:120px;bottom:auto;left:18px; font-size:12px;}
}

@media handheld, only screen and (max-width: 400px){
.blue-circle{position:absolute;top:100px;bottom:auto;left:15px; font-size:12px;}
}

@media handheld, only screen and (max-width: 360px){
.blue-circle{position:absolute;top:90px;bottom:auto;left:12px; font-size:12px;}
}

@media handheld, only screen and (max-width: 330px){
.blue-circle{position:absolute;top:80px;bottom:auto;left:10px; font-size:12px;}
}