@media screen and (max-width: 1024px) {

.category .right_area {
  float: left;
  padding: 13px 0 0;
  width: 28%;
}
.category .menu1 {
  background-image: url("images/menu.png");
  background-repeat: repeat-x;
  float: left;
  height: 72px;
  margin: -30px 0 0;
  position: relative;
  width: 100%;
}


.header .top_block .contact {

  float: left;

  font-family: "helvetica_condensed_bqregular";

  font-size: 18px;

  letter-spacing: 0.6px;

  margin: 12px 0 0;

  text-shadow: 1px 1px 1px #002D40;

  width:auto;

}



.header .top_block ul {

  float: right;

  list-style: none outside none;

  margin: 0;

  padding: 0;

  width: auto;

}

.page .right_area {

  float: left;

  margin-top: 30px;

  padding: 13px 0 0;

  width: 28%;

}





.left_area .yt_block .box .video_block {

  float: left;

  margin-top: 9px;

  padding: 0 4px;

  width: 100%;

}



#rps {

  border: medium none !important;

  float: left;

  position: relative;

  top: -26px !important;

  width: 100%;

}



#rps .slider div .col {

  border-bottom: 0 none;

  border-top: 0 none;

  float: left;

  padding: 5px 0;

  width: 20%!important;

}



#rps .col img {

  background-color: #FFFFFF;

  padding: 0;

  width: 100% !important;

}



#rps .slider {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

 

}



.wrap .title2 {

  float: left;

  font-weight: bold;

  line-height: 23px;

  margin: 0 15px 30px;

  width: 100%;

}



.con img {

  float: left;

  height: auto;

  padding: 2px 15px 12px;

  width: 44%;

}





.page-content iframe {

  width: 100%;

}



.slide_page_container {

  float: left;

  margin-bottom: 50px;

  margin-left: 15px;

  width: 97%;

}



 .tinynav { display: none }

.wrap {

  border-bottom: 1px solid #000000;

  float: left;

  margin: 15px 0;

  padding-bottom: 20px;

  width: 95%;

}





.page-content {

  float: left;

  width: 95%;

}

.container2 {

  margin: auto;

  width: 100%;

}



.body_area {

  background-image: url("images/body_bg2.png");

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100% auto;

  float: left;

  margin-bottom: auto;

  margin-left: auto;

  margin-right: auto;

  padding: 0;

  width: 100%;

}



.left_area {

  float: left;

  padding: 13px 0 0 76px;

  width: 57%;

}



.left_area .news_block {

  float: left;

  margin-bottom: 20px;

  width: 95%;

}

.left_area .news_block .box {

  background-color: #E9E9EB;

  border: 1px solid #6E6053;

  float: left;

  padding: 14px;

  width: 96%;

}

.left_area .news_block .box .img {

  float: left;

  height: auto;

  width: 378px;

}

#featured {

  background: none repeat scroll 0 0 #FFFFFF;

  border: 1px solid #CCCCCC;

  float: left;

  height: auto !important;

  padding-right: 0 !important;

  position: relative;

  width: 390px !important;

}

#featured ul.ui-tabs-nav {

  height: 306px;

  left: 346px !important;

  list-style: none outside none;

  margin: 0;

  overflow: auto;

  padding: 0;

  position: absolute;

  top: 0;

  width: 48% !important;

}



#featured .ui-tabs-panel {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

  height: 250px;

  position: relative;

  width: 400px;

}

.right_area {

  float: left;

  padding: 13px 0 0;

  width: 28%;

}



.left_area .yt_block .box .video_block {

  float: left;

  margin-top: 9px;

  padding: 0 4px;

  width: 90%;

}



.left_area .video_area .box {

  background-color: #FFFFFF;

  float: left;

  padding: 15px;

  width: 90%;

}



.box iframe {

  width: 100%;

}

.left_area .yt_block .box {

  background-color: #FEFEFE;

  float: left;

  width: 95%;

}

.left_area .video_area .box_shadow {

  background-image: url("images/box_shadow.png");

  background-position: center top;

  background-repeat: no-repeat;

  float: left;

  height: 39px;

  width: 95%;

}

.left_area .yt_block .box_shadow {

  background-image: url("images/box_shadow.png");

  background-position: center top;

  background-repeat: no-repeat;

  float: left;

  height: 39px;

  width: 95%;

}



#featured ul.ui-tabs-nav li {

  color: #666666;

  font-size: 12px;

  padding: 5px 0 15px !important;

  width: 100%;

}



#featured li.ui-tabs-nav-item a {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

  color: #333333;

  display: block;

  height: 60px;

  line-height: 20px;

  margin-left: 37px;

  width: 78%;

}





.container {

  margin: auto;

  width: 95%;

}





.container3 {

  margin: auto;

  width: 90%;

}



.gallery_area {

  float: none;

  margin: auto;

  width: 85%;

}



.page-id-21 .gallery dl {

  float: left;

  height: 230px;

  margin: 0 2% 2%;

  width: 21%;

}

.gallery-icon {

  background-image: url("images/img_shadow.png");

  background-position: center bottom;

  background-repeat: no-repeat;

  float: left;

  height: 204px;

  min-height: 204px;

  width: 100%;

}



.menu1 {

  background-image: url("images/menu.png");

  background-repeat: repeat-x;

  float: left;

  height: 72px;

  margin: -15px 0 0;

  position: relative;

  width: 100%;

}



.page .menu1 {

  background-image: url("images/menu.png");

  background-repeat: repeat-x;

  float: left;

  height: 72px;

  margin: -30px 0 0;

  position: relative;

  width: 100%;

}



.single1 {

  display:none;

}





}







@media screen and (max-width: 800px) {



#rps {

  border: medium none !important;

  float: left;

  margin-left: 12px;

  position: relative;

  top: -26px !important;

  width: auto;

}





#rps .slider div .col {

  border-bottom: 0 none;

  border-top: 0 none;

  float: left;

  padding: 5px 0;

  width: 163px !important;

}



#rps .col img {

  background-color: #FFFFFF;

  padding: 0;

  width: auto; 

}





.con img {

  float: left;

  height: auto;

  padding: 2px 15px 12px;

  width: 45%;

}

 .tinynav { display: none }



.header .top_block .contact {

  float: left;

  font-family: "helvetica_condensed_bqregular";

  font-size: 18px;

  letter-spacing: 0.6px;

  margin: 30px 0 0;

  text-shadow: 1px 1px 1px #002D40;

  width: auto;

}





.menu1 ul li a {

  color: #FFFFFF;

  padding: 11px 7px;

  text-decoration: none;

  text-shadow: 1px 1px 1px #000000;

}



.container2 {

  margin: auto;

  width: 100%;

}





.body_area {

  background-image: url("images/body_bg.png");

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100% auto;

  float: left;

  margin-bottom: auto;

  margin-left: auto;

  margin-right: auto;

  padding: 0;

  width: 100%;

}

.left_area {

  float: none;

  margin: auto;

  width: 90%;

  padding: 0;

}

.right_area {

  float: none;

  margin: auto;

  width: 90%!important;

}



.page .right_area {

  float: none;

  margin-top: 20px;

  padding: 13px 0 0;

  width: 28%;

}



.left_area .news_block .box {

  background-color: #E9E9EB;

  border: 1px solid #6E6053;

  float: left;

  padding: 14px;

  width: 96%;

}



#featured {

  background: none repeat scroll 0 0 #FFFFFF;

  border: 1px solid #CCCCCC;

  float: left;

  height: auto !important;

  padding-right: 0!important;

  position: relative;

  width: 100% !important;

}



#featured ul.ui-tabs-nav {

  height: 306px;

  left: 418px !important;

  list-style: none outside none;

  margin: 0;

  overflow: auto;

  padding: 0;

  position: absolute;

  top: 0;

  width: 37% !important;

}



#featured li.ui-tabs-nav-item a {

  background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

  color: #333333;

  display: block;

  height: 60px;

  line-height: 20px;

  margin-left: 40px;

  width: 82%;

}



.left_area .yt_block {

  float: left;

  width: 100%;

}



.left_area .yt_block .box {

  background-color: #FEFEFE;

  float: left;

  width: 100%;

}



.left_area .yt_block .box .video_block {

  float: left;

  margin-top: 9px;

  padding: 0;

  width: 100%;

}



.left_area .yt_block .box .video_block .block {

  float: left;

  font-size: 12px;

  line-height: normal;

  margin-right: 10px;

  text-align: center;

  width: 100%;

}



.left_area .video_area {

  float: left;

  width: 100%;

}



.left_area .video_area .box {

  background-color: #FFFFFF;

  float: left;

  padding: 2%;

  width: 95%;

}



.box iframe {

  width: 100%;

}



.amz {

  float: left;

  width: 100%;

}



.amazon_block {

  background-color: #DFDFE6;

  background-image: url("images/grey_box_bg.jpg");

  background-repeat: repeat-x;

  border: 1px solid #DBDBE2;

  border-radius: 10px;

  color: #018096;

  float: left;

  font-size: 12px;

  line-height: 18px;

  margin-bottom: 20px;

  margin-left: 1%;

  padding: 15px 11px;

  width: 256px;

}



.footer .copyright_area .text {

  float: left;

  line-height: 23px;

  margin-bottom: 15px;

  width: 100%;

}

.footer .img {

  float: right;

  margin: -241px 0 0;

  width: 131px;

}

.img > img {

  height: auto;

  width: 100%;

}

.container3 {

  margin: auto;

  width: 90%;

}





.page-content {

  float: none;

  margin: auto;

  width: 90%;

}









.slide_page_container {

  float: left;

  margin-bottom: 50px;

  margin-left: 0;

  width: 100%;

}





.gallery_area {

  float: none;

  margin: auto;

  width: 90%;

}





.page-id-21 .gallery dl {

  float: left;

  height: 230px;

  margin: 0 3% 2%;

  width: 19%;

}





.gallery-icon {

  background-image: url("images/img_shadow.png");

  background-position: center bottom;

  background-repeat: no-repeat;

  float: left;

  height: 150px;

  min-height: 0;

  width: 100%;

}



.left_area .news_block {

  float: left;

  margin-bottom: 20px;

  width: 100%;

}



.left_area .news_block .box .img {

  float: left;

  height: auto;

  width: 450px;

}

.single1 {

  display:none;

}



.amazon_block {

  background-color: #DFDFE6;

  background-image: url("images/grey_box_bg.jpg");

  background-repeat: repeat-x;

  border: 1px solid #DBDBE2;

  border-radius: 10px;

  color: #018096;

  float: left;

  font-size: 12px;

  line-height: 18px;

  margin-bottom: 20px;

  margin-left: 6%;

  padding: 15px 11px;

  width: 256px;

}



.facebook_block {

  float: left;

  margin-bottom: 20px;

  margin-left: 40px;

  width: 43%;

}



.blog_block {

  background-image: url("images/blog_block.png");

  background-repeat: no-repeat;

  float: left;

  height: 105px;

  margin-bottom: 20px;

  margin-left: 40px;

  padding: 12px;

  width: 256px;

}

.title h1 {
  color: #01B7D6;
  float: left;
  font-family: "goboldregular";
  font-size: 30px;
  font-weight: normal;
  left: 0;
  margin: 0 0 10px 30px;
  padding: 10px 15px 10px 0;
  position: relative;
  width: 91.5%;
}
.category .right_area  {
  float: none;
  margin: auto;
  width: 90% !important;
}
}











@media screen and (max-width: 580px) {



select {

  background: none repeat scroll 0 0 #D1D1D1;

  float: left;

  font-weight: bold;

  height: 25px;

  margin-top: 25px;

  width: 100%;

}





.tinynav { display: block }

.menu{ display: none }



.page .menu1 {

  background-image: url("images/menu.png");

  background-repeat: repeat-x;

  float: left;

  height: 58px;

  margin: -37px 0 0;

  position: relative;

  width: 100%;

}



.header2 .logo {

  float: left;

  margin: 6px 0 24px 45px;

  width: 90%;

}

.body_area {

  background-image: url("images/body_bg.png");

  background-position: center top;

  background-repeat: no-repeat;

  background-size: 100% auto;

  float: left;

  margin: 0;

  padding: 0;

  width: 100%;

}



.slider_area {

  margin: auto;

  width: 100%;

}

.page-content {

  margin: auto;

  padding: 0 3%;

  width: 94%;

}



.amazon_block {

  background-color: #DFDFE6;

  background-image: url("images/grey_box_bg.jpg");

  background-repeat: repeat-x;

  border: 1px solid #DBDBE2;

  border-radius: 10px;

  color: #018096;

  float: left;

  font-size: 12px;

  line-height: 18px;

  margin-bottom: 20px;

  margin-left: 0;

  padding: 3%;

  width: 94%;

}



.amazon_block .text {

  float: right;

  margin-top: 10px;

  width: 45%;

}





.book img {

  width: 73%;

}

.amazon_block .img_block .frame {

  background-image: url("images/book_frame.png");

  background-repeat: no-repeat;

  background-size: 100% 100%;

  float: left;

  height: 172px;

  position: relative;

  width: 100%;

  z-index: 9999;

}



.amazon_block .img_block {

  float: left;

  width: 55%;

}



.blog_block {

  background-image: url("images/blog_block.png");

  background-repeat: no-repeat;

  background-size: 98% 100%;

  float: left;

  height: 105px;

  margin-bottom: 20px;

  margin-left: 0;

  padding: 3% 4%;

  width: 94%;

}



.blog_block .text {

  color: #AD32AF;

  float: left;

  font-family: "MyriadProBoldCondensed";

  font-size: 18px;

  margin: 30px 0 0 15px;

  text-align: center;

  width: 45%;

}



.blog_block .img {

  float: left;

  margin-right: 0;

  padding: 3% 0 0;

  width: 44%;

}



.blog_block .img > img {

  float: right;

  height: 90px;

  width: 90%;

}









.container {

  margin: auto;

  width: 90%;

}



.header .top_block .contact {

  float: left;

  font-family: "helvetica_condensed_bqregular";

  font-size: 18px;

  letter-spacing: 0.6px;

  margin: 0;

  text-align: center;

  text-shadow: 1px 1px 1px #002D40;

  width: auto;

}



.header .top_block ul {

  float: left;

  list-style: none outside none;

  margin: 10px auto auto;

  padding: 0;

  text-align: center;

  width: 100%;

}



.header .top_block ul li {

  display: inline;

  float: none;

  margin-right: 6px;

}

.left_area .news_block .box {

  background-color: #E9E9EB;

  border: 1px solid #6E6053;

  float: left;

  padding: 3%;

  width: 94%;

}

#featured .ui-tabs-panel {

  background: none repeat scroll 0 0 #999999;

  height: 181px !important;

  position: relative;

  width: 100% !important;

}







#featured ul.ui-tabs-nav {

  display: none;

  left: 400px;

  list-style: none outside none;

  margin: 0;

  padding: 0;

  position: absolute;

  top: 0;

  width: 258px;

}

#featured {

  background: none repeat scroll 0 0 #FFFFFF;

  border: 1px solid #CCCCCC;

  height: 180px !important;

  padding-right: 0;

  position: relative;

  width: 100%;

}



.left_area .news_block .box .img {

  float: left;

  height: auto;

  width: 100%;

}



.box .img img {

  height: 181px;

  width: 100%;

}



.yt_block img {

  float: left;

  width: 100%;

}



.thanks_block {

  background-image: url("images/thanks_block.png");

  background-repeat: repeat-x;

  float: left;

  font-family: "EdwardianScriptITCRegular";

  font-size: 45px;

  font-weight: normal;

  height: 130px;

  letter-spacing: 1px;

  margin-top: -15px;

  padding: 30px 0 0;

  text-align: center;

  width: 100%;

}



.wpcf7-text {

  background: none repeat scroll 0 0 #EBEBF1;

  border-radius: 2px;

  box-shadow: 0 0 1px #000000;

  height: 30px;

  margin: 6px 0;

  padding: 0;

  width: 100%;

}



textarea {

  background: none repeat scroll 0 0 #EBEBF1;

  border-radius: 2px;

  box-shadow: 0 0 1px #000000;

  margin: 8px 0;

  padding: 0;

  width: 100%;

}







.con img {

  float: left;

  height: auto;

  padding: 2px 15px 12px;

  width: 37%;

}



.left_area .yt_block .box .video_block .block {

  display: none;

  float: left;

  font-size: 12px;

  line-height: normal;

  margin-right: 10px;

  text-align: center;

  width: 100%;

}



.single1 {

  display: block;

  float: left;

  margin-top: -9px;

}

.video_area .box iframe {

  height: auto;

  width: 100%;

}

.footer .img {

  float: right;

  margin: -264px 0 0;

  width: 131px;

}



.header2 .top_block ul {

  float: right;

  list-style: none outside none;

  margin: 10px 0 0;

  padding: 0;

  text-align: center;

  width: 73%;

}

.tit > img {

  float: left;

  width: 100%;

}



.facebook_block {

  float: left;

  margin-bottom: 20px;

  margin-left: 0;

  width: 100%;

}





.facebook_block .block {

  background-color: #FFFFFF;

  box-shadow: 0 0 4px #545454;

  float: left;

  font-size: 12px;

  line-height: normal;

  margin: 0 0 10px;

  padding: 2%;

  width: 96%;

}



.facebook_block .block .img {

  float: left;

  width: 27%;

}

.facebook_block .block .text {

  float: right;

  width: 70%;

}





.menu1 ul {

  display: none;

}



.page-content iframe {

  height: auto;

  width: 100%;

}

.header2 .top_block .contact {

  float: left;

  font-family: "helvetica_condensed_bqregular";

  font-size: 18px;

  letter-spacing: 0.6px;

  margin: 12px 0 0;

  text-align: center;

  text-shadow: 1px 1px 1px #002D40;

  width: auto;

}



.contact {

  color: #FFFFFF;

  float1: left;

  text-decoration: none;

}



.contact a{

  color: #FFFFFF;

  float1: left;

  text-decoration: none;

}





.page-id-21 .gallery dl {

  float: left;

  height: 140px;

  margin: 0 3% 2%;

  width: 19%;

}



.gallery-icon {

  background-image: url("images/img_shadow.png");

  background-position: center bottom;

  background-repeat: no-repeat;

  float: left;

  height: 75px;

  min-height: 0;

  width: 100%;

}



.title h1 {

  color: #01B7D6;

  float: left;

  font-family: "goboldregular";

  font-size: 30px;

  font-weight: normal;

  left: 20px;

  margin: 0;

  padding: 10px 15px 10px 0;

  position: relative;

  width: 80%;

}



.wrap .title2 {

  float: left;

  font-weight: bold;

  line-height: 23px;

  margin: 0 15px 30px;

  width: 93%;

}

.header2 {

  background-image: url("images/header_bg2.jpg");

  background-position: center top;

  background-repeat: no-repeat;

  color: #FFFFFF;

  float: left;

  width: 99%;

}

.fbActContainer {
  float: left;
  width: 270px !important;
}
.category .right_area  {
  float: none;
  margin: auto;
  width: 90% !important;
}

.category .menu1 {
  background-image: url("images/menu.png");
  background-repeat: repeat-x;
  float: left;
  height: 72px;
  margin: -37px 0 0;
  position: relative;
  width: 100%;
}

}