/* Large Tablet Devices */
@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  */
  }

  /*header*/
  .nav ul {display:block; width:100%;}
  .nav ul li {display:inline-block; vertical-align: top; width: 14%;}
  .nav ul li a {width: 100%;}
  .nav {padding:0 10px;}
  .head-right {right:25px;}

 /*banner*/

 /*middle*/
 .midtabs ul li:last-child {margin-right: 25px; }
 .midtabs ul li:first-child {margin-left:25px;}
 .midtabs ul li a {width:167px;}
 .midtabs ul li a:after {margin-left:0;}

 /*main*/
 .main_con {padding:0 10px;}
 .content {width: calc(100% - 340px);}


 /*bottom*/
 .btm1_con {padding:0 10px;}

 /*footer*/
 .footer_top_con {padding:0 10px;}
 .social {right:10px;}
}

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

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

  /*Header Area*/
  .head-left { position: relative; left: 0; top: 0; float: left; }
  .wrapper {width:100%; max-width:100%; min-width:100%;}
  .head-right { color: #000; position: relative; top: 0; padding: 72px 0 0; right:0;}
  .head-right p span {display:block;}
  nav:after {display:none;}
  .header_con {min-height: 220px; padding: 20px 15px;}


  /*Nav Area*/
  nav.page_nav {clear: both; background:#62bd0e; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0; font-size: 0;}
  nav.page_nav ul{ margin:0; text-align:center;}
  nav.page_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 2px 6px !important;}
  nav.page_nav ul li:after{content: ""; display:none;}
  nav.page_nav ul li a{line-height: 50px; padding:0 10px !important;}
  .nav ul li a {background:none !important;}
  .nav ul li a:hover, .nav li.current_page_item a {background:none !important; text-decoration:underline;}

  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{text-align:center; height:auto; margin:0; background:none; min-width: 100%;}
    .box_skitter{display:none;}
    .rslides{display:block;}
    .slider {width:100%; margin:0 auto; position:relative;}
    .bnr_info {position:static; width:100%; margin:0 auto; padding:40px 25px; border-top:1px solid #000; border-bottom:1px solid #000;}
    #banner .container:before {display:none;}
    #banner .container:after {display:none;}
    .slider:before {display:none;}
    .slider:after {display:none;}
    .slider h3 { position: relative; top: 0; left: 0; font: 45px capriola; color: #e44d1a; }
    #banner .container { height: auto; }


    /* .non_ban figure{width: 190%;margin-left: -42%;} */
    .non_ban figure img{max-width: 170%; margin-left: -36%;}
    .page_title{font-size: 40px}

  /*Middle Area*/
  #middle {text-align:center; margin:0;}
    .middle_con section{width:32%; margin:0 3px 8px!important;}
    #mid {background:#422200; min-width:100%; margin-top:0; border-bottom:1px solid #000;}
    #mid .container:after {display:none;}
    .f-right { float: none !important; }
    .midtabs ul li { margin: 0 106px 10px 0 !important; float: none !important; width: 165px; text-align: center; }
    .midtabs ul li a:after {display:none;}
    .midtabs ul li a {width:100%; padding:70px 0; height:165px;}
    .midtabs { padding:40px 25px;}
    #mid .container {height:auto;}
    .midtabs ul li:nth-child(3) {margin-right:0 !important;}
    .midtabs ul li:last-child {margin-right:0 !important;}
    .mission-statement {background:#ff6200;}
    .mission-statement:after {display:none;}
    .mission-statement p {padding:0 10px; text-align:center;}
    .mission-statement h3 { padding: 20px; text-align: center; }
    .mission-statement a {margin:0 auto;}
    .sbtn {text-align:center;}
    .sbtn li { display: inline-block; vertical-align: top; width: 321px; margin: 0 10px 0 0; }


  /*Main Area*/
  #main_area{padding:0; margin:0;}
    main, .sidebar{float:none; margin: 10px auto; width:100%;}
    .side_box1{text-align: center; width: 100%; max-width: 100%; height: auto; margin: 0px auto; padding: 10px 10px 2px; margin-bottom: 12px;}
    .side_box1 ul li{margin:0px 0px 6px !important; display:inline-block; width: 49%;}
    #main {height:auto; min-width: 100%; padding:0; background:none !important; margin-top: 0 !important;}
    #main .container { padding-top: 0 !important; }
    #main .container:after {display:none;}
     .content { width: 100%; }
    .side_box2{width: 100%;}
    .main_con {padding:40px 25px;}
    .f-left {float:none;}
    .mission-statement p span {margin-left:0 !important;}

  /*Bottom Area*/
  #bottom1{}
    .btm1_con section{width:32%; margin:0 3px 8px!important;}
    .sbtn li a {text-align:left;}

  /*Footer Area*/
  footer{background:#62bd0e; min-width: 100%; margin-top:0;}
    .footer_nav ul{ margin:0; text-align:center; font-size: 0;}
    .footer_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 2px 6px !important;}
    .footer_nav ul li:after{background: none; display:none;}
    .footer_nav ul li a{line-height: 50px; padding:0 10px !important;}
    .f-left {float:none !important;}
    #bottom .container {padding:0;}
     .btm1_con {padding:40px 25px;}
     .bottom-logo {height:auto; margin:0 auto;}
     .contact {padding:0; text-align:center;}
     .contact ul li { text-align: center; padding: 0 !important; width: 47%; margin: 54px auto 59px; position:relative;}
     .contact ul li:before {content:url(../images/contact-icon1.png); position:absolute; top: -52px; left:0; right:0;}
     .contact ul li:nth-child(2):before {content:url(../images/contact-icon2.png);}
     .contact ul li.address {background:none;}
     .contact ul li.phone-email {background:none;}
     footer .container {height:auto; padding-top: 0;}
     .footer_top_con {padding:40px 25px;}

     .copyright {margin-top:0;}
     .social { right: 0; position: relative; text-align: center; }
     .fnav { margin: 30px auto; text-align: center; }
     .copyright {text-align:center;}

}

@media only screen
and (max-width : 800px) {
  /* Other */
  .thumb_right_dd, .thumb_left_dd{width: 250px}
  #wpadminbar {position: fixed!important;}
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  .non_ban figure img { max-width: none; margin-left: -99%; width: 300%; }

  /* Header Area */
  .main_logo{width: 500px;max-width: 60%; margin:0;}
  .header_info{text-align: center; float: none; margin:0; }
  .header_con {min-height:0; background:#422200; color:#fff;}
  .head-right {color:#fff; padding:0;}

  /* Nav Area */
  #nav_area{padding:25px 15px;background:#fff; box-shadow:0 3px 3px #ccc;}
  .nav_toggle_button{display:block;}
  nav.page_nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%;background: #62bd0e;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;}
	nav.page_nav ul{margin: 0; padding: 0;}
	nav.page_nav ul li{width: 100%; display: block; margin: 0 auto !important;border: none;border-bottom: 1px solid #f8f8f8;text-align: left;}
	nav.page_nav ul li:last-child{border-bottom: none;}
  nav.page_nav ul li a{line-height: 50px;padding: 0 10px}

	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 {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*/
  .midtabs ul li { margin: 0 12px 10px !important; width: 165px; }


  /*Main Area*/
  #google_translate_element {top: -28px;}


  /*Bottom Area*/
  .sbtn li {display:block; margin:0 auto 15px;}


  /*Footer Area*/
  .copyright small{display:none;}
  .copyright .blocker {display:block;}
  .social {margin:0 0 25px;}


}

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

  /*Banner Area*/
  .mobi_ban { display: block; position: relative; max-width: none; left: -63%; width: 200%; }
  /* .non_ban figure{width: 310%;margin-left: -105%;} */
  .non_ban figure img { max-width: none; margin-left: -99%; width: 300%; }
  .page_title{position: static;background: #000;color: #fff;font-size: 30px}
  .slider h3 {font-size:36px;}
  #google_translate_element { position: relative; right: 0; top: 0; margin: 0 auto 20px; text-align: center; }
  .slider img {width:100%;}


  /*Middle Area*/
  .middle_con section{margin:0 auto 8px!important; width: 100%}
  .midtabs ul li:nth-child(3) {margin:0 auto 15px !important;}
  .midtabs ul li:last-child {margin:0 auto 15px !important;}
  .midtabs ul li {display:block; margin:0 auto 15px !important;}


  /*Main Area*/
  .content h1 span, .welcome { font: 30px capriola; line-height: 130%; }
  .thumb-right { float: none !important; margin: 0 auto !important; }

  /*Bottom Area*/
  .btm1_con section{margin:0 auto 8px!important; width: 100%}

  /*Footer Area*/
  footer {padding-bottom: 45px;}
  .footer_comp{display:block; line-height: 28px;}
  .footer_comp:before, .footer_comp:after{display: none;}
  .footer_nav ul li{width:100%; margin: 0 auto 6px!important;}
  .contact ul li {width:100%; display:block; margin: 56px auto 91px;}
  .contact ul li.phone-email {margin-left:0;}
  .contact ul li:last-child {margin-bottom:0;}
  .bottom-logo { margin: 30px auto 0;     padding: 15px; width: 269px;}
  .bottom-logo img {width:100%;}


  /*Others*/
  .col-2, .col-3{-webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; -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*/

}

@media only screen
and (max-width : 400px) {
  .logo_slide_right {float:left;width: calc(100% - 60px);}
  .main_logo {max-width: 75%;}

  .sbtn li {width: 265px;}
}

/*@media only screen
and (max-width : xxx) {}*/
  /*Header Area*/
  /*Nav Area*/
  /*Banner Area*/
  /*Middle Area*/
  /*Main Area*/
  /*Bottom Area*/
  /*Footer Area*/