/************************************************************************************
smaller than 980px
*************************************************************************************/ 
@media screen and (max-width: 980px) {
}
/************************************************************************************
smaller than 800px
*************************************************************************************/
@media screen and (max-width: 800px) {
.wrapper {width:100%;}
#menu a:hover, .menu-active, #menu a{background:none;}
.slicknav_nav .slicknav_item:hover{background:none;}	
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
.topheader-right-part {width: 100%;}
.donate {float: right;width:100%;}
.swami {display:none;}
.logo{text-align: center;width: 100%;margin-left:0; margin-bottom:20px; margin-top:20px;}
.krishna {display:none;}
.main-header{background-image:none;}
.caption-title {bottom: -279px !important;}
.slide-title {font-size: 11px !important;line-height: 11px !important;}
.caption-title p {font-size: 10px!important;}
.inner-content {width:100%;}
.services-content ul li {width: 100%; text-align: center;}
.left-content {width: 100%;}
.right-content{width:100%;margin-top: 20px;}
.historybook-ul li{width:100%; margin-bottom:20px;text-align: center;}
.photo-data img{margin-bottom:20px;}
.download-historybook{text-align:center;}
.footer-left-part{width:100%; text-align:center; margin-bottom: 10px;}
.management-ul li{width:100%;}
.management-title{text-align:center;}
.data-box { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width:100%;}
.management-photo img {float: left;margin-right: 20px;}
.field {width: 100%;}
.field input {width: 100%}
.full-field textarea{width:100%;}
.contact-detail {width: 100%;}
.contact-person{width:100%;}
.event-content{width:100%;}
.event-ul li {width: 100%;}
#cboxContent{width:100% !important; height:auto !important;}
#colorbox, #cboxOverlay, #cboxWrapper{width:100% !important;}
#cboxLoadedContent{height:auto !important; width:100% !important;}
.photo-galleryul li{float:none;margin:0; text-align:center;}
.event-dtls {width: 100%;}
.full-content{width:100%; float:left;}
.management-box{float:left;width:100%;}
}
/************************************************************************************
smaller than 768px
*************************************************************************************/
@media screen and (max-width: 768px) {

}
/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
body { margin:10px;}
.caption-title{display:none;}
.live-video iframe {height:280px;width: 100%;}
.cboxPhoto {width: 100%;}
}
/************************************************************************************
smaller than 600px
*************************************************************************************/
@media screen and (max-width: 600px) {

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

}
/************************************************************************************
smaller than 480px
*************************************************************************************/
@media screen and (max-width: 480px) {
.management-photo img {float: none;margin-right:0;}
.management-photo{text-align:center;}
.event-photo {float: none;margin-right: 0px;text-align: center; margin-bottom: 20px;}
.event-detail {float: none;text-align: center;width: 100%;}
.read-more {float:none;}
}

/************************************************************************************
smaller than 360px
*************************************************************************************/
@media screen and (max-width: 360px) {
.historybook-ul img{ margin:0;}
.live-video iframe {height:auto;width: 100%;}
}


/************************************************************************************
smaller than 320px
*************************************************************************************/
@media screen and (max-width: 320px) {
.historybook-ul img{float:none;margin-bottom:10px;}
.rightside-historybook .historybook-ul img{float:none;margin-bottom:10px;}
.historybook-ul li{margin-right:0;}
.historybook-ul li a{float:none; display:block;}
}