/* CSS Document */
@charset "utf-8";
.mobile_slider, .mobile_tab, .mobile-tab {
	display: none;
}
.tab_desc > div {
	text-align: left;
}
@media screen and ( max-width: 320px ) {
#org-header {
	width: 100%;
	float: left;
	background:none;
	position: absolute;
}
.top-header {
  margin: 0 0 0 14%;
  width: 30%;
}

.org-right,  .top-call {
	display: none;
}
.diamond-education {
  width: 100%;
}
.menu-holder {
  margin: 0 0 0 6%;
  width:93%;
}
#org-menu {
 width: 100%;
}
#org-menu li {
  padding: 0 3px;
}
#org-menu li a {
  font-size: 7px;
}
#org-menu {
  margin: -35px auto 0;
}
.diamond-education-left.left01 {
	width:35%;
	float:left;
}
.diamond-education-left.left02 {
	width:35%;
	float:right;
}
.diamond-education-left.left01 a {
 float: left;
    font-size: 14px;
    left: 10px;
    margin: 20px 0 0;
    text-align: center;
	line-height:20px;

}
.diamond-education-left.left02 a {
  float: left;
  font-size: 14px;
  text-align: center;
  right:10px;
}
.leftwhy {
	display: block;
    float: left;
    width: 20%;
}
.leftwhy img {
	max-width:60%;

}
.leftwhy01 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy02 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy01 img {
	max-width:100px;
}
.leftwhy02 img {
	max-width:100px;
}


#org-logo {
	display:none;
}
#reponsive-logo {
	width: 100%;
	text-align: center;
	margin: 3px 0 30px;
	display:block;
}

#org-logo img {
	width: auto;
	max-width: 100%;
}
#reponsive-logo img {
width: auto;
	max-width: 100%;
}
.org-content {
	width: 100%;
	float: left;
}
.leftwhy-min {
  border: 0px solid #dddddd;
  width: 100%;
}
.custom-page-box {
  border: 0px solid #dddddd;
  width: 100%;
  padding: 15px 0%;
}
.custom-page-box .left-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .right-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .variations {
  width: 100%;
  text-align:center;
}
.custom-page-box .variations-img {
  width: 100%;
}
.variations-img li {
  width: 80px;
  margin:10px 10px 0 0 !important;
}
.variations ul li img {
  max-width: 80px;
}
.org-listinghead {
	width: 96%;
	padding: 2%;
}
.desc-hedtitle {
	width: 96%;
	padding: 2%;
}
.desc-rd {
	width: 96%;
	padding: 2%;
	border: 0 none;
}
.footer-div1, .copy-footer{
	width:100%;
}
.footer-news, .org-footer01, .footer-menu, #org-footer02, #org-footer{
	display:none;
}
.org-footer02 {
  margin: 0px 0 0;
}
#org-copy {
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
}
#org-designer {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.description-tab {
	display: none;
}
.listing-tab {
	display: none;
}
.org-scrolleo-box {
	display: none;
}
.mobile-tab {
	display: block;
}
.accordion-item-bd > img {
	width: auto;
	max-width: 100%;
}
/*-----mobile tab html start------*/

/*-----mobile tab html END------*/
#gallery {
	width: 60%;
	padding: 0;
	margin: 0;
	border: 0 none;
}
#gallery #slides {
	width: 100%;
}
#gallery #slides div {
	width: auto;
}
#gallery #fullsize {
	height: 160px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#gallery #fullsize div {
	height: 160px;
}
#gallery #fullsize div span {
	width: auto;
	height: 160px;
	margin: 0 auto;
	display: table;
}
#gallery #fullsize div img {
	height: auto;
	max-height: 250px;
}
#gallery #slides div ul li {
	margin: 3px;
}
#gallery #slides div ul li:last-child {
	margin: 3px;
}
#gallery #slides div ul li a {
	width: 23px;
	height: 23px;
}
#gallery #slides div ul li a img {
	max-height: 23px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
/*-----mobile tab html start------*/
#org-header {
	width: 100%;
	float: left;
	background:none;
	position: absolute;
}
.top-header {
  margin: 0 0 0 14%;
  width: 30%;
}

.org-right,  .top-call {
	display: none;
}
.diamond-education {
  width: 100%;
}
.menu-holder {
  margin: 0 0 0 6%;
  width:93%;
}
#org-menu {
 width: 100%;
}
#org-menu li {
  padding: 0 3px;
}
#org-menu li a {
  font-size: 7px;
}
#org-menu {
  margin: -35px auto 0;
}
.diamond-education-left.left01 {
	width:35%;
	float:left;
}
.diamond-education-left.left02 {
	width:35%;
	float:right;
}
.diamond-education-left.left01 a {
 float: left;
    font-size: 14px;
    left: 10px;
    margin: 20px 0 0;
    text-align: center;
	line-height:20px;

}
.diamond-education-left.left02 a {
  float: left;
  font-size: 14px;
  text-align: center;
  right:10px;
}
.leftwhy {
	display: block;
    float: left;
    width: 20%;
}
.leftwhy img {
	max-width:60%;

}
.leftwhy01 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy02 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy01 img {
	max-width:100px;
}
.leftwhy02 img {
	max-width:100px;
}


#org-logo {
	display:none;
}
#reponsive-logo {
	width: 100%;
	text-align: center;
	margin: 3px 0 30px;
	display:block;
}

#org-logo img {
	width: auto;
	max-width: 100%;
}
#reponsive-logo img {
width: auto;
	max-width: 100%;
}
.org-content {
	width: 100%;
	float: left;
}
.leftwhy-min {
  border: 0px solid #dddddd;
  width: 100%;
}
.custom-page-box {
  border: 0px solid #dddddd;
  width: 100%;
  padding: 15px 0%;
}
.custom-page-box .left-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .right-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .variations {
  width: 100%;
  text-align:center;
}
.custom-page-box .variations-img {
  width: 100%;
}
.variations-img li {
  width: 80px;
  margin:10px 10px 0 0 !important;
}
.variations ul li img {
  max-width: 80px;
}
.org-listinghead {
	width: 96%;
	padding: 2%;
}
.desc-hedtitle {
	width: 96%;
	padding: 2%;
}
.desc-rd {
	width: 96%;
	padding: 2%;
	border: 0 none;
}
.footer-div1, .copy-footer{
	width:100%;
}
.footer-news, .org-footer01, .footer-menu, #org-footer02, #org-footer{
	display:none;
}
.org-footer02 {
  margin: 0px 0 0;
}
#org-copy {
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
}
#org-designer {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.description-tab {
	display: none;
}
.listing-tab {
	display: none;
}
.org-scrolleo-box {
	display: none;
}
.mobile-tab {
	display: block;
}
.accordion-item-bd > img {
	width: auto;
	max-width: 100%;
}
/*-----mobile tab html END------*/
#gallery {
	width: 60%;
	padding: 0;
	margin: 0;
	border: 0 none;
}
#gallery #slides {
	width: 100%;
}
#gallery #slides div {
	width: auto;
}
#gallery #fullsize {
	height: 160px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#gallery #fullsize div {
	height: 160px;
}
#gallery #fullsize div span {
	width: auto;
	height: 160px;
	margin: 0 auto;
	display: table;
}
#gallery #fullsize div img {
	height: auto;
	max-height: 160px;
}
#gallery #slides div ul li {
	margin: 3px;
}
#gallery #slides div ul li:last-child {
	margin: 3px;
}
#gallery #slides div ul li a {
	width: 23px;
	height: 23px;
}
#gallery #slides div ul li a img {
	max-height: 23px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
/*-----mobile tab html start------*/
#org-header {
	width: 100%;
	float: left;
	background:none;
	position: absolute;
}
.top-header {
  margin: 0 0 0 14%;
  width: 30%;
}

.org-right,  .top-call {
	display: none;
}
.diamond-education {
  width: 100%;
}
.menu-holder {
  margin: 0 0 0 6%;
  width:93%;
}
#org-menu {
 width: 100%;
}
#org-menu li {
  padding: 0 3px;
}
#org-menu li a {
  font-size: 7px;
}
#org-menu {
  margin: -35px auto 0;
}
.diamond-education-left.left01 {
	width:35%;
	float:left;
}
.diamond-education-left.left02 {
	width:35%;
	float:right;
}
.diamond-education-left.left01 a {
 float: left;
    font-size: 14px;
    left: 10px;
    margin: 20px 0 0;
    text-align: center;
	line-height:20px;

}
.diamond-education-left.left02 a {
  float: left;
  font-size: 14px;
  text-align: center;
  right:10px;
}
.leftwhy {
	display: block;
    float: left;
    width: 20%;
}
.leftwhy img {
	max-width:60%;

}
.leftwhy01 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy02 {
  display: block;
    float: left;
    width: 50%;
}
.leftwhy01 img {
	max-width:100px;
}
.leftwhy02 img {
	max-width:100px;
}


#org-logo {
	display:none;
}
#reponsive-logo {
	width: 100%;
	text-align: center;
	margin: 3px 0 30px;
	display:block;
}

#org-logo img {
	width: auto;
	max-width: 100%;
}
#reponsive-logo img {
width: auto;
	max-width: 100%;
}
.org-content {
	width: 100%;
	float: left;
}
.leftwhy-min {
  border: 0px solid #dddddd;
  width: 100%;
}
.custom-page-box {
  border: 0px solid #dddddd;
  width: 100%;
  padding: 15px 0%;
}
.custom-page-box .left-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .right-box {
  border: 0px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  margin: 0 0 20px;
  width: 100%;
  height:auto;
}
.custom-page-box .variations {
  width: 100%;
  text-align:center;
}
.custom-page-box .variations-img {
  width: 100%;
}
.variations-img li {
  width: 80px;
  margin:10px 10px 0 0 !important;
}
.variations ul li img {
  max-width: 80px;
}
.org-listinghead {
	width: 96%;
	padding: 2%;
}
.desc-hedtitle {
	width: 96%;
	padding: 2%;
}
.desc-rd {
	width: 96%;
	padding: 2%;
	border: 0 none;
}
.footer-div1, .copy-footer{
	width:100%;
}
.footer-news, .org-footer01, .footer-menu, #org-footer02, #org-footer{
	display:none;
}
.org-footer02 {
  margin: 0px 0 0;
}
#org-copy {
	width: 100%;
	text-align: center;
	margin: 20px 0 0;
}
#org-designer {
	width: 100%;
	text-align: center;
	margin: 0 0 20px 0;
}
.description-tab {
	display: none;
}
.listing-tab {
	display: none;
}
.org-scrolleo-box {
	display: none;
}
.mobile-tab {
	display: block;
}
.accordion-item-bd > img {
	width: auto;
	max-width: 100%;
}
/*-----mobile tab html END------*/
#gallery {
	width: 60%;
	padding: 0;
	margin: 0;
	border: 0 none;
}
#gallery #slides {
	width: 100%;
}
#gallery #slides div {
	width: auto;
}
#gallery #fullsize {
	height: 300px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0 none;
}
#gallery #fullsize div {
	height: 300px;
}
#gallery #fullsize div span {
	width: auto;
	height: 300px;
	margin: 0 auto;
	display: table;
}
#gallery #fullsize div img {
	height: auto;
	max-height: 300px;
}
#gallery #slides div ul li {
	margin: 3px;
}
#gallery #slides div ul li:last-child {
	margin: 3px;
}
#gallery #slides div ul li a {
	width: 23px;
	height: 23px;
}
#gallery #slides div ul li a img {
	max-height: 23px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}