/************************************************************************************
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%;}
.pagewrap1 {width:100%;}
.hdiv1 {float:left; width:26%; padding:0 2% 0 0;}
.hdiv2 {float:left; width:72%; padding:15px 0 0 0;}

/* 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%;}
.bdiv1 {float:left; width:96%; padding:2%; background:#333333;}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
/* disable webkit text size adjust (for iPhone) */
html {-webkit-text-size-adjust:none;}
.bodytext-mv {font-family:Verdana; font-size:11px; color:#000000; font-weight:normal; text-decoration:none; line-height:110%;}
.tdiv1,.tdiv2 {float:left; width:100%; padding:5px 0;}
.payuwd {width:65px;}
.hdiv1,.hdiv1-sn,.cdiv1,.mdiv1 {float:left; width:100%; padding:0; text-align:center}
.hdiv1 img,.hdiv1-sn img {width:60%;}
.hdiv2,.hdiv2-sn,.cdiv2,.mdiv2,.nsdiv,.cndiv {float:left; width:100%; padding:10px 0 0 0;}
.hdiv21,.hdiv21-sn {float:left; width:100%;}
.hdiv22,.hdiv22-sn {float:left; width:100%; padding:5px 0 0 0}
.srdiv{float:left; width:100%; padding:10px 0;}

.cdiv11-sp {float:left; width:100%; padding:10px;}
.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 {float:left; width:100%; padding:10px 0 0 0;}

.cdiv21 {padding:20px 10px;}
.wdiv1,.wdiv2,.vpdiv11,.vpdiv12,.vpdiv21,.vpdiv21-lst,.spdiv1,.spdiv1-lst,.qsdiv11,.qsdiv12,.qsdiv13 {float:left; width:100%; padding:0 0 10px 0;}
.parent {display:block;}
.left,.right {width:100%; float:left;}

.fdiv1,.fdiv2,.fdiv3,.fdiv4 {float:left; width:100%; padding:10px 0 0 0;}
.cpdiv1,.cpdiv2,.msdiv1 {float:left; width:100%; padding:0 0 10px 0;}
.cpdiv3 {float:left; width:100%;}

.gdiv,.gdiv-lst {float:left; width:100%; padding:0 0 10px 0;}

.wdp50 {width:100%;}

/*for menu*/
.menuh,.menuhsel {float:none; display:block; border-bottom:solid #ffffff 1px; margin:12px 0 0 0;}
.menu,.menu1,.menu2,.menu3,.menu4 {float:none; display:block; border-bottom:solid #ffffff 1px;}
.menuhsel,.menursel,.menulsel,.menusel,.menu1sel,.menu2sel,.menu3sel,.menu4sel {float:none; display:block; border-bottom:solid #ffffff 1px;}
.menu2sel {border:none;}

.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:#e8462c; 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;
}

.toggled {
	display:none;
}

a#pull {
display:block;
background-color:#333333;
width:100%;
position:relative; height:20px; text-indent:10px; padding:10px 0; font-family:Tahoma; 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,.aleft {text-align:center;}

/*for carousle*/
.jcarousel-skin-tango1 .jcarousel-item {
width:300px;
}

.jcarousel-skin-tango1 .jcarousel-next-horizontal {right:-9px;}

/*for calendar*/
.ui-datepicker-group-first {width:100%;}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 100%;
}

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

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