/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1090px) {
  header,#bottom2,#nav_area,.footer_top{padding: 0 10px;}
  nav ul li{margin: 0 29px;}

  [class^="divider"]{width: 49%;}
  .btm1_con ul li{width: 32%; margin: 0 3px;}

  .bmt2_left{width: 45%;}
  .btm2_right{width: 50%;}

  .btm3_con input{width: 21%;}
  .btm3_con textarea{width: 36%;}
.btm3_con input.submit{width: 19%;}
.footer_btm{padding:  0 10px;}

}

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

  header {padding: 0 12px; height: 206px;}
  .header_info{padding: 65px 0 0;}
.logo2{margin-left: 225px; margin-top: 45px;}
  /*nav*/
  #nav_area{clear: both; height:auto;margin:auto;transition:none; position:relative; width:100%; right:0; top:0; padding: 0;}
  nav{ padding:10px 10px 4px; }
  nav ul{ margin:0; text-align:center;}
  nav ul li{width: 32.8%; text-align: center; border:1px solid #fff; 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;}

  /*banner*/
  #banner{text-align:center; height:auto; margin:0; padding: 0px;}
    .banner_con{height: auto;}

    .rslides{display:block;}
	.slider{position: static; width: 200%; margin: 0 auto; transform: translateX(-43%);}
	.bnr_info{position: static; width: 100%; padding: 20px 10px; text-align: center;  background: #61522e;}
  .bnr_info h3 span{display: inline-block;}
    .bnr_info p{white-space: normal;}

  /*main*/
  #main_area{padding:0 10px; margin:0;}
    main{float:none; margin: 10px auto; width:100%;}
      main,main p{text-align: center;}
    [class^="divider"]{width: 100%; text-align: center;}

  #bottom1{padding: 30px 10px 10px;}
    .btm1_con section{width:32%; margin:0 3px 8px!important;}
.btm1_con ul li a{width: 100%; font-size: 22px;}

.btm2_con{height: auto; padding: 30px 0 0;}
.bmt2_left{float: none; width: 100%; text-align: center;}
.bmt2_left ul li{width: 46%; margin: 0 15px 18px; display: inline-block; vertical-align: top;}
.bmt2_left ul li a{font-size: 21px;}
.bmt2_left ul li a::before{left: -18px;}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active, .hvr-grow-shadow  {transform:none;box-shadow: none;}

.btm2_right{width: 100%; float: none; padding: 30px 0 1px;}
.btm2_right ul li{text-align: center; padding: 20px 0 30px!important; margin: 0!important ;}

#bottom3{padding: 35px 10px; text-align: center; height: auto;}
.btm3_con{text-align: center;}
.btm3_con input{margin: 0;}
.btm3_con input.submit{float: none;}

#bottom4 {margin-top: 20px;padding:0 10px;}


.footer_top{padding: 0; height: auto;}
.map{position: static; width: 100%; height: 300px; margin: 0 auto;}
.map iframe{width: 100%; height: 300px;}
.contact_info{float: none; width: 100%; height: auto; padding: 25px 10px 0; text-align: center;}
.contact_info ul li{padding-left: 0; padding-top: 50px; text-align: center; margin: 0 60px 20px;}
.contact_info ul li::before{top:0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.contact_info p{padding: 0;}

.footer_btm{padding:  15px 10px; height: auto;}

    .banner_con::before,main::after,.btm2_con::after,.footer_nav::after{display: none;}
}
@media only screen
and (max-width : 850px) {

  header{height: auto; padding:0px;}
  .header_info{padding: 10px 0; float: none; text-align: center;}
  .header_info ul li::before{display: none;}
  .header_info ul li{padding: 0;}
  .logo{position: static; width: 100%; text-align: center; background: #ffbd49; padding: 10px;}
  .logo2{position: static; width: 100%; float: none; text-align: center; margin: 0 auto;}
  .logo2 h3{font-size: 70px; line-height: 50px; padding: 20px 5px;}
.logo2 h3 span{display: inline-block; vertical-align: middle;}

  .bmt2_left ul li{margin: 0 15px 18px !important; width: 44%;}
  /* .bmt2_left ul li a::before{display: none;} */
  .bmt2_left ul li a{padding: 0 36px; text-align: center; font-size: 19px; margin-left:12px;}
  .btm3_con input{width: 49%; margin: 0 0 8px;}
  .btm3_con textarea{display: block; width: 100%;}
  .btm3_con input.submit{width: 300px; margin: 8px auto 0;}
 .name{float: left;}
  .email{float: right;}
.footer_btm{text-align: center; }
  .social{position: static; width: 100%; text-align: center;padding: 0 0 10px;}
}

@media only screen
and (max-width : 750px) {
.btm1_con ul li{margin: 0 3px 30px; width: 45%;}
.contact_info ul li{margin: 0 45px 20px;}
.bmt2_left ul li a{font-size: 17px;}
.btm2_right{padding: 10px 0 1px;}
    .footer_nav ul{ margin:0; text-align:center;}
    .footer_nav ul li{width: 32%; text-align: center; border:1px solid #61522e; margin:0px 0px 6px !important;}
    .footer_nav ul li:after{background: none;}
    .footer_nav ul li a{line-height: 40px;}

    .copyright{margin-top: 15px;}
}

@media only screen
and (max-width : 720px) {
	.bmt2_left ul li a{font-size: 13px;}
}

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

  .nav_toggle_button{ display:block;}
  nav{display: none; }
  nav ul{margin: 0; padding: 0;}
  nav ul li, .nav-footer 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%;}
.bnr_info a{padding: 4px 10px; width: 300px; text-align: center;}
.bnr_info a::before,.bnr_info a::after{display: none;}
  .mobi_ban{display: block; width: 200%; transform: translateX(-20%);}

.btm1_con ul li{width: 300px; margin: 0 auto 30px!important;}
.btm1_con ul li img{margin-top: -60px;}
  .bmt2_left ul li{width: 90%; margin: 0 auto 10px !important;}
  .bmt2_left ul li a{font-size:19px;margin-left:14px;}
  .bmt2_left h3 span{font-size: 29px;}
  .bmt2_left p a{display: inline-block;}
  .btm4_con iframe {width: 60%;height: 180px;margin: 0 auto;display: block;}

  .btm2_right ul li h3{font-size: 23px;}
  .btm2_right ul li h3 span{font-size: 23px; line-height: 35px;}
.contact_info{padding: 25px 10px 10px;}
.contact_info ul li{margin: 0 auto 20px !important; display: block;}
  .footer_nav ul li{width:100%;position:relative;}
  /* .footer_nav ul li:first-child:after{content:url(../images/home.png);position:absolute;top:9px;right:35px;}
  .footer_nav ul li:nth-child(2):after{content:url(../images/aboutus.png);position:absolute;top:9px;right:35px;}
  .footer_nav ul li:nth-child(3):after{content:url(../images/services.png);position:absolute;top:9px;right:35px;}
  .footer_nav ul li:nth-child(4):after{content:url(../images/careers.png);position:absolute;top:9px;right:35px;}
  .footer_nav ul li:nth-child(5):after{content:url(../images/resources.png);position:absolute;top:9px;right:35px;}
  .footer_nav ul li:nth-child(6):after{content:url(../images/contact.png);position:absolute;top:9px;right:35px;} */

  .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_center_dd, .slider{display: none;}
  main .bullet{padding-left:10px;}
  .back_top{background: url(../images/back_top.png) no-repeat center #61522e; position: fixed; bottom: 55px; right: 10px; width: 40px; height: 40px; cursor: pointer; border-radius: 50%; z-index: 999;}
  .back_top:hover{opacity: .6;}

  .footer_comp{display: block;}
  .footer_comp::after,  .footer_comp::before{display: none;}
  .footer_links,.copyright{display:block;}
  .footer_links a{display:inline-block;}
  .bull{display:none;}

}

@media only screen
and (max-width : 500px) {
  .btm3_con input{width: 100%; margin: 0 auto 8px; float: none !important;}
  .btm3_con h3{font-size: 30px;}
  .btm4_con iframe {width: 100%;height: 180px;margin: 0 auto;display: block;max-width: 100%;}
  .contact_info h3{font-size: 25px;}

}

@media only screen
and (max-width : 420px) {
	.bmt2_left ul li a{font-size:14px;}
}


@media only screen
and (max-width : 380px) {
	.thumb_right_dd{margin: 10px 0 20px 25px; float:none;}
	.con_heading{margin-left:10px;}
}

@media only screen
and (max-width : 320px) {
	.thumb_right_dd{margin: 10px 0 20px 0px; float:none;}
}