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

.paddingpg {padding:15px;}
/*feedback*/
.fbdiv1 {float:left; width:100%;}
.fbdiv2 {float:left; width:20%; display:none;}
.fbdiv3 {float:left; width:100%;}

/*popover*/
.popover-section-wrapper {position: relative; padding:0 0 150% 0;}
.popover-section-wrapper .popover-wrapper {max-width:100%; position:absolute;}
.popover-section-wrapper .popover-wrapper__first {top:55px; left:50px;}
.popover-section-wrapper .popover-wrapper__second {top:115px; left:50px;}
.popover-section-wrapper .popover-wrapper__third {top:175px; left:50px;}
.popover-section-wrapper .popover-wrapper__fourth {top:235px; left:50px;}
.popover-section-wrapper .popover-wrapper__fifth {top:295px; left:50px;}
.popover-section-wrapper .popover-wrapper__sixth {top:355px; left:50px;}

/*gallerific*/
div.caption-container {margin-top:150px;}

.hdiv1,.hdiv2,.hdiv22,.wdiv1 {float:left; width:100%; text-align:center; padding:0;}
.hdiv23,.wdiv2 {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,.tdiv1-ct,.tdiv1-em {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;}

.fcdiv1,.fcdiv1-lst,.abdiv11,.abdiv12,.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; padding:0; text-align:center;}
.srdiv0 {float:left; width:100%; padding:0 10px;}
.tsdiv1 {float:left; width:70%; padding:30px 15% 0 15%;}

.fdiv31,.left {float:left; width:100%; padding:0;}
.right {float:left; width:100%; padding:20px 10px 0 10px;}

/*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:url(../images/menuh.jpg) no-repeat center left; background-size:0 100%;}
.menu:hover,.menu1:hover {color:#ffff00; background:url(../images/menuh.jpg) no-repeat center left; background-size:100% 100%;}
.menusel,.menu1sel {font-size:17px; color:#ffff00; display:block; float:none; background:url(../images/menuh.jpg) no-repeat center left; background-size:100% 100%;}

.hline1g {background:url(../images/hline1-g.jpg) no-repeat bottom center; background-size:30px 1px;}
.hline1w {background:url(../images/hline1-w.jpg) no-repeat bottom center; background-size:30px 1px;}

.jcarousel-skin-tango-tstms .jcarousel-item {
width:260px;
}

.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;
}
.dib1 {display:block;}
.toggled {
	display: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%;}
}