@media only screen
and (max-width : 1110px) {
	
	nav ul{right: 10px;}
	
	[class^="bottom0_box"] h4{font-size:20px;}
	
}


@media only screen and (max-width:1090px) {
  /*Header Area*/
  header {padding: 0 10px;}

  /*Nav Area*/
  nav ul li a{padding: 0 5px;}
  nav ul li {margin: 0 3px;}

  /*Banner Area*/
  .bnr_info {left: 10px;}
  .bnr4_con {padding: 39px 10px 0 10px;}

  /*Main Area*/
  #main_area {position: relative;}
  main {padding-right: 10px;width: 56.5%;}
  .sidebar {padding-left: 10px;position: absolute;bottom: 0;}

  /*Bottom Area*/
  .btm1_info h3:before {left: 18%;}
  .btm1_info h3:after {right: 8%;}
    [class^="btm1_box"] {width: 25%!important; margin: 0 auto 10px; padding: 0 8px; float: none !important;}
    [class^="btm1_box"] h4{font-size: 2vw !important;}

  .btm2_con {padding-left: 10px;padding-right: 10px;}
  .bnr4_con h4 span{font-size:22px;}
  .bnr4_con h4{font-size:14px;}
  
  .footer_box1{width: 34%;}
  .footer_box2{width: 22.5%;}

  /*Footer Area*/
  [class^="footer_box"] {left: 0 !important;}
  .ftop_con {padding: 0 10px 42px;}
}



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

  /*Header Area*/
  header {padding: 10px;height: auto;}

  /*Banner Area*/
  #banner{text-align:center; height:auto; margin:0;}
	.slider:before{display:none;}
	.slider{width: 487px;  height: auto; right: 10px;}
    .bnr_info {left: 10px; min-height: 0; width: 38.5%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); bottom: auto;}
    .bnr_info h3 {font-size: 3vw;}
    .bnr_info h3 span{font-size: 3.5vw;}
    .bnr_info p {padding: 20px 0; font-size: 1.7vw;}

    .bnr4_con {padding: 20px 10px; min-height: 0;}
    .bnr4_con form {width: 100%; font-size: 0; text-align: center; margin: 0;}
    .bnr4_con form input[type="text"], .bnr4_con form input[type="email"] {display: inline-block;vertical-align: top; width: 49.5%; margin: 0 auto .7%!important}
    .bnr4_con h4 {padding: 0 0 20px;text-align: center;width: 100%;}
    .bnr4_con form input[type="submit"] {margin: 0 auto;width: 30%;max-width: 100%;}
    .bnr4_con form .input2{float: right;}
    .bnr4_con form input[type="text"].input3{width: 68.7%;}

  /*Middle Area*/
  .bottom0_con {padding: 20px 10px;}
    [class^="bottom0_box"] {padding: 20px 10px; width: 32.6%; float: none; border-top: 1px solid #333; height: 315px; margin: 0 auto;}
    [class^="bottom0_box"] h4{font-size: 2.2vw;}
    [class^="bottom0_box"] p {padding: 20px 0 0;}
    [class^="bottom0_box"] a {position: absolute; left: 0; right: 0; bottom: 22px;}
    .bottom0_box2:before,.bottom0_box2:after {content: '';display: none;}

	/*Main Area*/
  #main_area{padding:0; margin:0;}
  main {width: 100%;padding: 20px 10px;text-align: left;}
  main h1 {margin-bottom: 15px;}
  main p {margin-bottom: 20px;text-align:left;}
  .sidebar {display: none;}

	/*Bottom Area*/
  #bottom1{height: auto;}
    .btm1_info {padding: 38px 12px;}
    .btm1_info h3{margin-bottom: 35px;}
    [class^="btm1_box"] {width:47.5% !important; height: 230px; border-top: 1px solid #fff; margin: 0 5px 10px; padding: 20px 10px 0;min-height: 0;}
    [class^="btm1_box"] h4{font-size: 20px !important; padding-top: 60px;}
    [class^="btm1_box"] h4:before {top: 0;left: 0;right: 0;}
    [class^="btm1_box"] a{position: absolute; left: 0; right: 0; bottom: 15px;}
    .btm1_box3 h4:before {top: -3px;}
    .btm1_info h3:before,.btm1_info h3:after {display: none;}

    .btm2_con {padding: 20px 10px 0;text-align: center;}
    [class^="btm2_box"] {right: 0;top: 0;width: 100%;margin: 0 auto;text-align: center;}
    [class^="btm2_box"] a {margin: 7px auto;}
    .btm2_box1 p {padding: 20px 0;}
    .btm2_box2 {padding-top: 20px;}

  /*Footer Area*/
  .footer_top {padding: 20px 10px;}
  [class^="footer_box"] {width: 49%;text-align: center;margin-bottom: 30px;}
  .footer_box3,.footer_box4 {margin-bottom: 0;}
  [class^="footer_box"] ul li {text-align: center;}
  .ftop_con {padding: 20px 10px 0;}
  .footer_btm {padding: 0px 10px 20px;}
  .footer_nav ul li {margin:0 12px;}
    
    
    main h1 small {
    display: inline-block;
}
    
    
    
    .mission{
        margin-top: 21px !important;
    }
    
    
       .footer_nav ul{column-count:2;-moz-column-count:2;-webkit-column-count:2;}

    
}

@media only screen
and (max-width : 850px) {
	
	.logo{float: none;padding-top: 3px;text-align:center;}
	
	.slider{position:static;margin:0 auto 0;}
	
	#banner{}
	#banner > .wrapper{height:auto;padding:20px 10px;}
	
	.bnr_info{position:static;width:100%;transform: translateY(0);text-align:center;margin-top: 20px;}
	.bnr_info h3{}
	.bnr_info p{}
	.bnr_info h3 ::before{display:none;}
	.bnr_info a{margin:10px auto 0;}
	
	
	  /*Nav Area*/
  nav{clear: both; height:auto;margin:auto; padding:15px 10px 14px; transition:none; position:relative; width:100%; right:0; top:0;}
  nav ul{position: relative;left: 0;top: 0;margin:0; text-align:center;}
  nav ul li{width: 32.8%; text-align: center; border:1px solid #1a1a1a; margin:0px 0px 6px !important;}
  nav ul li:after{content: "";}
  nav ul li a{line-height: 40px;}

  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;}
	
	[class^="bottom0_box"]{width: 49%;margin: 0 auto 10px;}
	[class^="bottom0_box"] h4{font-size:20px;}
}

@media only screen
and (max-width : 750px) {
  /*Banner Area*/
  .bnr_info p {font-size: 2.2vw; line-height: 4vw;}

  /*Bottom Area*/
  [class^="btm1_box"] {width: 48%!important; height: auto;padding: 20px 10px 13px;}
  [class^="btm1_box"] a{position:static;}
  .btm1_info h3{font-size: 28px;}
  
  [class^="footer_box"] ul li span{display:block;margin-bottom: -28px;}
  [class^="footer_box"] ul li small{display:none;}
      .thumb_left_dd, .thumb_right_dd, .thumb_center_dd{display: none;}

  /*Footer Area*/
  .footer_btm{padding: 0 12px 24px;}
	.footer_nav ul li{display:block;text-align:center;margin: 0 0;}
	.footer_nav ul li a{padding: 0;}
	.footer_nav ul li:after{display:none;}
	.footer_nav{margin-bottom:0;}
  .copyright{padding-top: 15px;}

  /*Others*/
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
}


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


 .copyright, .copyright a {line-height: 25px; font-size: 15px;}
  .copyright span {display: block;}
  .copyright .ftr_links{margin: auto;}
  .copyright .ftr_links:before {display: none;}





}







/* Smartphones */
@media only screen
and (max-width : 600px) {
 
  /*Header Area*/
  header {height: auto;padding: 20px 10px;box-shadow: none;}
  header:after {content: '';}
  .logo {padding-top: 0;}
  .logo img{width: 220px;}
  .logo, .header_info{float:none; text-align:center; margin: 0 auto 0;}
  .header_info {padding-top: 10px;}
  .header_info p:before {position: static;display: block; margin:  0 auto 10px;}

	/*Nav Area*/
  .nav_toggle_button i {font-size: 1.5em;margin-top: -1px;}
  .nav_toggle_button{background: #F47C20;display:block;color: #fff;font:normal 20px roboto;height: 65px;}
  .menu_name{position: absolute; right: 14px; bottom: 6px; font-size: 13px;}
  header{display:none;}
  
  nav{display: none; }
  nav ul{margin: 0; padding: 0;}
  nav ul li{width: 100%; display: block;}
  nav span{top: -2px;}
  nav ul ul{width:100%; position:relative;  transition:none;}
  nav ul ul li {border:none; width:100%;}

	/*Banner Area*/
  .media_img1{display:block;}
  .bnr_info {margin-top: 0;width: 100%; position: static; -webkit-transform: none; transform: none; text-align: center; padding: 24px 12px;}
  .bnr_info h3 {font-size: 27px;}
  .bnr_info h3 span{font-size: 25px;}
  .bnr_info p {font-size: 16px; line-height: 24px;}
  .bnr_info a{margin: 0 auto;}
  .bnr4_con form input[type="text"], .bnr4_con form input[type="email"] {width: 100%;margin: 0 auto 10px;}
  .rslides{display:none;}
  .slider{width: 100%;}
  

  /*Middle Area*/
  [class^="mid1_box"] {width: 100%; height: auto; margin: 0 auto 8px;}
  [class^="mid1_box"] a{position: static; margin-top: 15px;}
  
  [class^="btm1_box"]{width: 100% !important;margin: 0 0 10px;}

	/*Main Area*/
  main .bullet{padding-left:10px;}

  /*Bottom Area*/
  [class^="bottom0_box"] {width: 100%!important; height: auto; padding-bottom: 10px; margin: 0 auto 10px;}
  [class^="bottom0_box"] a{position: static;}

	/*Footer Area*/
  .footer_nav ul li{width:100%;}
  .footer_logo{display: block;  position: absolute;  width: 62px;  top: 6px;}
  
    /* footer Config */
  [class^="footer_box"] {width: 100%;margin-bottom: 20px;}
  .footer_box4 {margin-bottom: 0;}
  .footer_btm{padding: 0 12px 60px;}

  /* copyright */
  .copyright, .copyright a {line-height: 25px; font-size: 15px;}
  .copyright span {display: block;}
  .copyright .ftr_links{margin: auto;}
  .copyright .ftr_links:before {display: none;}

  /* Other Config */
  .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;}

  /* Scroll To Top */
  .back_top{background: url(../images/back_top.png) no-repeat center #a85211; position: fixed; bottom: 0; right: 0; width: 100%; height: 43px; cursor: pointer; border-radius: 0; z-index: 999;}
  .back_top:hover{opacity: .6;}
    
    .resources ul li {
  
    margin-right: 0px;
  
}

    
    
}

@media only screen and (max-width:450px) {
  /*Banner Area*/
  .bnr4_con form input[type="text"], .bnr4_con form input[type="email"]{margin: 0 auto 5px !important;}
  .bnr4_con form input[type="text"].input3{width: 100%;}
  .bnr4_con form input[type="submit"]{width: 143px; margin: 0 auto; display: block; float: none;}
  
  .btm1_info h3 span{line-height:100%;}
  
  .footer_nav ul{column-count:2;-moz-column-count:2;-webkit-column-count:2;}

}

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

.bnr_info h3 {
    font-size: 26px;
}
}



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

main h1 {
    margin-bottom: 15px;
    font-size: 34px;
}

}





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

.bnr_info h3 {
    font-size: 23px;
}
}




main h1 {
    margin-bottom: 15px;
    font-size: 34px;
}