@media only screen
and (max-width : 1400px) {
   main {padding: 15px 0;}
   main section {width: 31%;margin: 28px 10px !important;}
   .systbtn_hover {width: 100%;height: 100%;}

   #bottom {padding: 0 15px 111px;}

   .apps_section {margin: 15px !important;}

}

@media only screen
and (max-width : 1178px) {
   .header_info {padding: 0 40px;}
}

@media only screen
and (max-width : 1090px) {
  html, body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
  }

}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   .page_nav ul li.menu-item-has-children > span{display:block;font-size: 17px;right:20px;top:30px;position:absolute;}
   .page_nav ul li:hover > ul{display: none;}
}

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

  /*Header Area*/
  header {padding: 40px 25px;}
  .header_con{min-height: 0;padding: 23px 0 0 0;}

  /*Nav Area*/
  nav.page_nav {width:100%;float: none; clear: both;height:auto;transition:none;padding:10px 0;margin:0 auto 0;}
  nav.page_nav ul{ margin:0; padding:0 5px;text-align:center;}
  nav.page_nav ul li{width: 32%; margin:5px 3px;}
  nav.page_nav ul li:after{display:none;}
  nav.page_nav ul li a{border:1px solid #494949;border-radius:5px;line-height: 50px;height:auto;}

  nav.page_nav ul li span{right:0;top:5px;}

  nav.page_nav ul ul, nav.page_nav ul ul li, nav.page_nav ul ul li a {width:100%;}
  nav.page_nav ul ul li{margin: 0 !important}

  /*Banner Area*/
  #banner{}
    .bnr_con{min-height:0;padding:0;}
    .box_skitter{display:none;}
    .slider{display:block;}

    .bnr_info{width:100%;position:static;padding:25px 15px;text-align: center;background:#000;text-align: center;}
    .bnr_info a{display:inline-block;}

    .non_ban_img{width: 185%;margin-left: -40%;}

  /*Middle Area*/
  #middle{padding: 40px 25px;}
	 .middle_con{min-height:0;padding:0;}
	  .middle_boxes section{}

  /*Main Area*/
  #main_area{padding:25px 15px; margin:0;min-height:0;}
    .main_con{min-height:0;padding:0;}
      main, .sidebar{float:none; margin: auto; width:100%;}

      main{}
      .sidebar{}

  /*Bottom Area*/
  #bottom1{padding: 40px 25px;}
	 .btm1_con{min-height:0;padding:0;}
	  .btm1_boxes section{}

  #bottom2{height:auto;padding: 40px 25px;}
	 .btm2_con{min-height:0;padding:0;}
	  .btm2_left_con{}
	   .btm2_right_con{}

  /*Footer Area*/
  footer{}
    .footer_top{height:auto;padding: 40px 25px;}
	   .footer_top_con{min-height:0;padding:0;}

	  .footer_btm{height:auto;padding: 40px 25px;}
	  .footer_btm_con{min-height:0;padding:0;}

  	.footer_nav ul li{display:inline-block;vertical-align:top;width:32%;}
  	.footer_nav ul li a{border:1px solid #fff;margin:5px;padding:15px 10px;line-height: initial;}
  	.footer_nav ul li:after{display:none;}

  	.copyright{
  		float: none;
  		margin: 25px auto 0;
  		text-align: center;
  	}

   /* Web2.ph */
   main section {width: 46%;margin: 28px 10px !important;}

   .apps_section {margin: 15px 10px !important;width: 47%;}
   .apps_section section h3 {line-height: 130%;margin-bottom: 20px;}
   .apps_section section h3 span {margin-top: 10px;}
   #bottom {padding: 0 10px 43px;}

}

@media only screen
and (max-width : 850px) {
   .apps_section {display: block;width: auto;}
}

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

  /* Header Area */
  header{}
	.main_logo{width: 500px;max-width: 82%;}
	.head_info{display:block;margin:0 auto;text-align:center;padding:0;float:none;}
	.header_info{display:block;margin:0 auto;text-align:center;padding:0;float:none;}

  /* Nav Area*/
  #nav_area{padding:25px 15px;background:#308eea;position:relative;}
  .nav_toggle_button{display:block;position:relative;}

  nav.page_nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%;background: #999999;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;float: none; clear: both;z-index:250;}
	nav.page_nav ul{margin: 0; padding: 15px 10px;}
	nav.page_nav ul li{width: 100%; display: block; margin: 0 auto 5px;}
  nav.page_nav ul li a{line-height: 50px;}

	nav.page_nav ul ul{width:100%; position:relative;  transition:none;}
	nav.page_nav ul ul li {border:none; width:100%;}

  /* Toggle Style */
  .toggle_right_nav {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
  .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
  .toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
  nav.toggle_right_style {right: 0;opacity: 1;z-index: 45;}
  .logo_slide_right {display:block;float:left;width: calc(100% - 90px);}

  .menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #fff;position: relative;}

  /*Banner Area*/

  /*Middle Area*/
  .middle_boxes section{width: 47%;margin:5px;}

  /*Main Area*/

  /*Bottom Area*/
  .btm1_boxes section{width: 47%;margin:5px;}

  /*Footer Area*/

  /* Other */
  .thumb_right_dd, .thumb_left_dd{width: 250px;}
  .col3{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
}

@media only screen
and (max-width : 700px) {
   header {padding: 60px 25px 20px;}
   .system_navigator ul li {margin: 7px;}
}

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

   /*Banner Area*/
  .slider{display:none;}
  .mobi_ban{display: block;width:100%;margin-left:0;}
  .non_ban_img{width: 275%;margin-left: -82%;}
  .page_title{position: static;background: #000;font-size: 30px;padding:10px;}

  /*Middle Area*/
  .middle_boxes section{display:block;width: 100%;margin:5px auto;}

  /*Main Area*/

  /*Bottom Area*/
  .btm1_boxes section{display:block;width: 100%;margin:5px auto;}


  /*Footer Area*/
  footer {padding-bottom: 45px;}

  .footer_nav ul li{display:block;vertical-align:top;width:100%;}
  .footer_nav ul li a{margin:5px auto;}

  .footer_comp{display:block;}
  .footer_comp:before, .footer_comp:after{display: none;}

  /*Others*/
  #wpadminbar {position: fixed!important;}
  .col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .thumb_left_dd, .thumb_right_dd, .thumb_center_dd{display: none;}
  main .bullet{padding-left:10px;}

  /*For (AddThis) Plugins*/
  .withAddThis_plugins {bottom: 48px;}
  .withAddThis_ftr_btm {padding: 0 10px 88px;}
  /*End (AddThis) Plugins*/

  /* web2.ph */
  .header_info h1 {font-size: 8vw;}
  main section {max-width: 400px;width: 100%;margin: 28px 0 !important;}
  .system_navigator ul {margin-bottom: 15px;}

}

@media only screen
and (max-width : 500px) {
   .system_navigator ul li {display: block;}

   .apps_section {margin: 45px 0 !important;}
   .mobile-logo {width: 39px; height: auto; margin-bottom: 7px;}
   .apps_section .apps_thumbsec {width: 143px;}
   .apps_section section {display: inline-block;  vertical-align: top;  width: calc(100% - 153px);  float: right;  padding: 0 0 0 0;  margin-left: 10px;margin-right: 0;}
   .apps_section section h3 {font-size: 17px;margin-bottom: 20px;}
   #bottom {padding: 0 10px 0;}
   .footer_btm {padding: 0 10px;}
   .copyright {margin-top: 0;}
}

@media only screen
and (max-width : 400px) {
   /* web2.ph */
   .header_info h1 {font-size: 40px;line-height: 108%;margin-top: 5px;}
   .apps_section section {float: none;}
}