/************************************************************************************
smaller than 980
*************************************************************************************/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

#pull {
	display: none;
}

@media screen and (max-width: 980px) {

/* pagewrap */
#pagewrap {width:100%;}
.pagewrap {width:100%;}

/* content */
#contentall {width:100%;}
#content {width:60%; padding:3% 4%;}

/* sidebar */
#sidebar {width:30%;}
#sidebar .widget {padding:8% 7%; margin-bottom:10px;}

/* embedded videos */
.video embed,
.video object,
.video iframe {width:100%; height:auto; min-height:300px;}

}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

/* embedded videos */
.video embed,
.video object,
.video iframe {min-height:250px;}

.no {font:50%;}

.bdiv {float:left; width:100%;}
.fdiv31 {float:left; width:100%; padding:0 0 0 10px;}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html {-webkit-text-size-adjust:none;}

.hdiv1 {float:left; width:100%; text-align:center;}
.hdiv2 {float:left; width:100%; padding:10px 0 0 0; text-align:center;}
.hdiv3 {float:left; width:100%; padding:10px 0 0 0; text-align:center;}

.cdiv11 {float:left; width:100%; padding:0;}
.cdiv11-11 {float:left; width:100%; padding:0;}
.cdiv11-12 {float:left; width:100%; padding:10px 0 0 0;}

.cdiv12,.cdiv2-i,.cdiv1-i {float:left; width:100%; padding:10px 0 0 0;}

.abdiv1,.abdiv2,.bdiv1,.bdiv2,.srdiv1,.srdiv1-lst,.fdiv1,.fdiv2,.fdiv3,.fdiv4,.cpdiv1,.cpdiv2,.cpdiv3,.mdiv1,.mdiv2,.tdiv1,.tdiv2,.vcdiv,.aldiv {float:left; width:100%; margin:0 0 10px 0; text-align:center;}
.srdiv0 {float:left; width:100%; padding:0 10px;}

.fdiv31 {float:left; width:100%; padding:0;}

/*for categories home page*/
.ctdiv {float:left; width:90%; padding:0 5% 0 5%;}
.ctdiv-lst {float:left; width:90%; padding:0 5% 0 5%;}
.ctdiv1 {float:left; width:100%; padding:20px; background:url(../images/grad2.jpg) repeat-y #ffc40e;}

/*for menu*/
.menu,.menu1 {font-size:17px; float:none; display:block; background:none; border-bottom:solid #333333 1px;}
.menu:hover,.menu1:hover {background:#0c497c;}
.menusel,.menu1sel {font-size:17px; display:block; float:none; background:#0c497c; border-bottom:solid #333333 1px;}

.ddsmoothmenu2 ul li{
position:relative;
display:block;
float:none;
}
.ddsmoothmenu2 ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color:#ffff00; background:#0c497c; text-decoration:none;
}
.ddsmoothmenu2 ul li ul li{
display:list-item;
float:none;
}
.ddsmoothmenu2 ul li ul li ul li{
display:list-item;
float:none;
}

a#pull {
display:block;
background-color:#333333;
width:100%;
position:relative; height:20px; text-indent:10px; padding:10px 0; font-family:Arial; font-size:14px; font-weight:bold; color:#ffffff;
}
a#pull:after {
content:"";
background: url('../images/nav-icon.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}

/*for texts*/
.ghead {padding:6% 30% 3% 4%; font-size:15px;}

/*for alignment*/
.aryt {text-align:center;}

/**/
.pgdiv-ryt0 {float:left; width:100%;}
.pgdiv0 {float:left; width:100%;}

.lft-pgdiv0 {left:100%;}
.ryt-pgdiv0 {right:100%;}
}