/* iPad lanscape view */
@media only screen
and (max-width : 1024px) {

   /* Nav Area Sub-Menu Style */
   nav li.menu-item-has-children > span{display:block;}
   nav ul ul, nav ul ul li,         nav ul ul li a {width:100%;}
   nav ul ul li a {line-height: 40px;}
   nav ul li:hover > ul{display: none;}

}

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

  /* presets */
  	html, body{
  	-webkit-touch-callout: none;
  	-webkit-user-select: none; /* Webkit */
  	-moz-user-select: none;    /* Firefox */
  	-ms-user-select: none;     /* IE 10  */
  	}

  /* header */
    .hdr_info { padding-right: 10px; }

  /* banner */
    .bnr_info { left: 10px; }
    .bnr_info h2 { font-size: 7vw; }
    .bnr_info span { font-size: 4.4vw; }

  /* nav */
    nav ul li:last-child a { padding-right: 10px; }

  /* middle */
    [class^="mid_box"] { width: 27%; margin: auto; }
    .mid_box1 { width: auto; }

  /* main */
    #main_area { padding: 45px 10px 66px; }
    main { width: 58%; }

  /* bottom */
    .btm1_info1 { text-align: center; }
    .btm1_info1 h2 { padding-right: 20px; font-size: 3.5vw; }
    .btm1_info1 p { text-align: left; width: 70%; }
    .btm1_info2 li { width: 24%; padding: 0 10px; }
    .btm1_info2 li a { font-size: 2.6vw; }
    .b2_nf1 { padding: 38px 19px 0 11px; }
    .btm2_info2 { width: 38%;  overflow: hidden; position: relative; }
    .btm2_info2 img { position: absolute;  right: 0;  transform: translateY(-50%);  top: 50%;  max-width: initial; }

    /* footer */
      [class^="ftr_info"] { width: 48%; }
      .ftr_info2 h2 { font-size: 25px; }
      .ftr_info2 span { font-size: 30px; }

}

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

  /* nav */
    nav ul li a { padding: 0 15px; }

  /* banner */
    .non_home_banner { width: 100%; min-height: 0; padding: 40px 10px; margin: auto; background-size: cover; }
    .page_title { font-size: 32px; position: static; transform: none; }
    .book_btn:before { left: 14px; }
    .book_btn { padding-left: 74px; }

  /* main */
    main, .sidebar { float: none; width: 100%; }
    main { padding: 0; }
    .sidebar { text-align: center; margin-top: 40px; }
    .sdbr_info img { margin: auto; }

  /* bottom */
    #bottom2 { background: #EFEFEF; }
    .btm2_info1 { overflow: visible; width: 100%; background-size: cover; min-height: 0;  margin: 0; float: none; }
    .btm2_info2 { overflow: visible; width: auto; max-width: 100%; }
    .btm2_info2 img { position: static; transform: none; }
    .b2_nf1 { width: 100%; float: none; text-align: center; padding: 20px 10px; }

  /* footer */
    .ftr_nav ul li a { padding: 0 10px!important; }
    .copyright { padding-left: 10px; }


}

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

  /* header */
    .logo { padding: 20px 10px; width: 240px; }

  /* nav */
    nav ul li a { padding: 0 12px; font-size: 16px; }

  /* banner */
    .bnr_info span { font-size: 3.7vw; }

  /* middle */
    [class^="mid_box"] { width: 48%; margin-bottom: 5px; }
    .mid_box1 { width: auto; display: block; max-width: 100%; }

  /* footer */
    footer { padding-top: 40px; }
    [class^="ftr_info"] { width: 100%; display: block; }
    .ftr_info1 iframe { min-height: 230px; }
    .ftr_info2 { padding: 30px 10px; }
    .ftr_nav { margin: 0; padding: 20px 10px; }
    .ftr_logo { position: static; width: 100%; min-height: 0; padding: 20px; float: none; }
    .ftr_btm { height: auto; }
    .ftr_nav, .ftr_btm { text-align: center; }
    .ftr_info2 p:last-child { margin-bottom: 0; }
    .copyright { padding: 12px; }

}

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

  /* header */
    header { background: #0f2f84; height: auto; }
    .hdr_info { text-align: center; padding: 16px 10px 11px; }
    .logo, .hdr_info h2:before { display: none; }
    .hdr_info h2, .media { display: block; position: static; }
    .hdr_info h2 { padding: 0; margin: auto; }

  /* banner */
    .bnr_wrap { text-align: center; }
    .bnr_info, .bnr_info small, .bnr_info:before, .bnr_info:after { position: static; }
    .bnr_info { color: #333; min-height: 0;text-align: center; }
    .book_btn { position: relative; display: inline-block; padding: 0 10px; width: auto; border: 1px solid #333; margin: auto; }
    .bnr_info h2 { font-size: 54px; }
    .bnr_info span { margin-top: 15px; font-size: 31px; }
    .slider_imgs { right: 0; }
    .book_btn { background: #7fd49c; margin: auto; padding: 0 27px 0 75px; margin-top: 10px; }

  /* nav */
    .nav_area { position: relative; }
    .nav_toggle_button{ display:block;}
    nav { background: #fff; padding: 15px 10px 20px; position: absolute; left: 0; top: 100%; display: none; right: 0; height: auto; text-align: center; }
    nav ul li { width: 32%; text-align: left; border-bottom: 1px solid rgba(0,0,0,.2); }
    nav ul li:after { display: none; }
    nav ul li a { padding: 0!important; line-height: 40px; }
    nav span{ top: -2px; }
    nav ul ul{ width:100%; position: relative;  transition: none; }
    nav ul ul li { border: none; width: 100%; }

	/* main */
    .thumb_left_dd, .thumb_right_dd, .thumb_center_dd, .thumb_featured  { display: none; }
    .nh_list li { width: 48%; }
		.nh_list li img { margin: 0 auto 5px; }

}

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

  /* banner */
    .bnr_wrap { min-height: 0; }
    .slider, .slider_imgs, .bnr_info::before, .bnr_info small:before, .bnr_info small:after { display: none; }
    .mobi_ban { display: block; max-width: 500%; width: 250%; margin-left: -110%; }


}

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

	/* presets */
  	.col2, .col3, .sitemap{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0; }
  	main .bullet{ padding-left:10px;}
  	.back_top{ background: url(../images/back_top.png) no-repeat center rgba(0,0,0,.8); position: fixed; bottom: 5px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  	.back_top:hover{ opacity: .6; }

  /* nav */
    nav ul li { display: block; width: 100%; }

	/* banner */
	 .mobi_ban{display: block; }

	/* main */
	   main{ text-align: left; }
     main .h1_title { font-size: 40px; }
     main .h1_title small { font-size: 31px;  }
     .nh_list li { width: 100%; display: block; }

  /* bottom */
    .btm1_wrap { padding: 40px 10px 10px; min-height: 0; }
    .btm1_info1 h2, .btm1_info1 p { display: block; width: 100%; padding: 0; text-align: center; }
    .btm1_info1 h2 { padding: 0 0 20px; font-size: 34px; }
    .btm1_info2 li { width: 48%; padding: 0!important; margin-bottom: 30px; }
    .btm1_info2 li:not(:last-child)::after { display: none; }
    .btm1_info2 li a { font-size: 20px; }
    .btm1_info2 li small { margin: 0 auto 20px; }
    .btm1_info2 { margin-top: 45px; }
    #bottom2 { min-height: 0; }
    .btm2_info2 { margin: auto; height: auto; }
    .btm2_info2 img { max-width: 100%; }
    .b2_nf1 h2 { font-size: 27px; }
    .b2_nf1 span { font-size: 27px; line-height: 37px; margin-bottom: 15px; }

	/* footer */
   .ftr_info2 span { font-size: 25px; }
   .ftr_nav ul li{ width: 48%; text-align: left; border-bottom: 1px solid rgba(0,0,0,.2); margin:0 0 6px; }
   .ftr_nav ul li:after{ display: none; }
   .ftr_nav ul li a{ line-height: 40px; padding: 0!important; }
   .copyright span { display: block; }
   .copyright small { display: none; }
   .ftr_info2 p br { display: block; }
   .ftr_info2 p em { display: none;  }

}

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

  /* middle */
    #middle { padding: 40px 10px 0; }
    [class^="mid_box"] { width: 100%; min-height: 0; padding: 25px 10px; }
    .mid_box1 { padding: 0; }


}

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

  /* bottom */
    .btm1_info2 li { width: 100%; display: block; }

}