/************************************************************************************
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%;}
.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;}

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

.cdiv1,.fdiv1 {float:left; width:100%; padding:0;}
.cdiv2,.fdiv2,.fdiv3 {float:left; width:100%; padding:10px 0 0 0;}

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

/*for carousel slider*/
.jcarousel-skin-tango1 .jcarousel-clip-horizontal {
width:100%;
}
.jcarousel-skin-tango1 .jcarousel-item {
width:246px; padding:0 10px;
}
.jcarousel-skin-tango1 .jcarousel-prev-horizontal { left:80%; }

/*for menu*/
.menu {font-size:16px; float:none; display:block; background:none; border-bottom:solid #333333 1px;}
.menu:hover {background:#e8462c;}
.menusel {font-size:16px; display:block; float:none; background:#e8462c; 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:#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;
}

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%;}
}