@media only screen and (max-width: 1500px){
    .owl-prev{left: -30px; }
	.owl-next{ right: -30px;}
}

/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1050px) {
	.buttons ul li a {width: 100%;height: auto;}
}

@media only screen and (max-width: 1200px){
  .contact_col{justify-content: space-evenly;}
}

	@media only screen
and (max-width : 1100px) {
  .logo{margin: 8px 0 0;}

  .header_info{margin: 21px 18px 0 0;}
  .translate_me{margin: 73px 0 0 0;float: right;left: 160px;position: relative;}

  nav ul {display: table;width: 100%; padding-left: 144px; }
  nav ul li {display: table-cell;padding-left: 4px;}
  nav ul li::after {right: -3px;}
  nav ul li a {padding: 0;text-align: center; }

  #middle{height: auto; padding: 32px 12px; margin: auto;}
  .middle_con [class^="mid_box"]{padding: 0;}
    .mid_box1{width: 54.18%}
    .mid_box1 h2{font-size: 3.2vw; margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .mid_box1 h2 span{font-size: 4.5vw;}
    .mid_box2{width: 45.54%; padding-left: 2%;}
    .mid_box2 p{margin: auto; padding-left: 2%; transform: none;}
	#bottom1{padding: 0 12px;}
		.btm1_box1 [class^="info"]{width: 49%;}
		.btm1_con{width: 54.5%;}
		.btm1_con section{padding-left: 0;}
	.sections { display: block; text-align: center; }
	.sections a { display:inline; }
	  .btm1_con2{width: 40.3%;}
		.btm1_con2 section{width: 100%;}
	#bottom2{height: auto;padding-bottom: 40px;}
  .btm2_con .sections [class^=section] {width: 19.5%;}
  .footer_nav ul li{margin: 0 -8px 0;}
}

@media only screen
and (max-width : 1068px) {
	.buttons button {width:670px;}
}

@media only screen
and (min-width : 1001px) {
  .fixed_nav{position: fixed; width: 100%; top: -30px; left: 0; right: 0; margin: auto;z-index: 10;}
  .fixed_height{height: 95px;}
}

@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  */
  }
  .logo img {
    width: 90%;
}
  header {padding: 0 12px;height: 171px;}

.head_nav {position: static;}
  /*nav*/
  nav{clear: both; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0;}
  nav ul{ margin:0; text-align:center;padding: 0;}
  nav ul li{width: 32.8%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;display: inline-block; padding: 0;}
  nav ul li:after{content: "";}
  nav ul li a{line-height: 40px;}

  /* nav li span{display:block;} */
	/* nav ul li.menu-item-has-children > span{display:block;} */
	nav span { right: 10px; top: 10px; transform: none; }

  nav ul ul, nav ul ul li, 	nav ul ul li a {width:100%;margin:0px !important;}
  nav ul ul li a {line-height: 40px;}
  nav ul li:hover > ul{display: none;}


  /*mid*/
  #middle {text-align:center; margin:0; padding:10px;}
    .middle_con section{width:32%; margin:0 3px 8px!important;}

  #banner{text-align:center; height:auto; margin:0; padding: 0;}
  .banner_img {width: 100%;height: auto;margin: auto;}
    /*.banner_img{width: 100%; height: auto; margin: auto;}*/
.rslides_nav.rslides1_nav.prev,.rslides_nav.rslides1_nav.next{display: none;}
  /*main*/
  #main_area{padding:0; margin:0 !important;}
    main, .sidebar{float:none; margin: 10px auto; width:96%;}
    .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%;}

    .side_box2{width: 100%;}

    .btm2_con .sections [class^="section"]{margin:-12px 0 32px;}

	.buttons button {width:570px;}

	.map {position:static;float:none;display:block;margin:10px auto;}
	.map iframe {width:100%;}

	.master_slider {float: none;width: 100%;margin:10px auto;display:block;}

  #bottom1{}
    .btm1_con, .btm1_con2{float: none; width: 100%; margin: 0 auto;}
    .btm1_con2 section{float: none; width: 100%; margin: 0 auto 10px;display: inline-block;vertical-align: top;}
    .btm1_con section {margin: 0 auto;width: 100%;padding: 0;display: block; }
    .btm1_con{width: 49%; float: left;}
    .btm1_con2{width: 49%;float: right;}
	#bottom2{height: auto;padding: 0 12px;}
	.btm2_con h2{padding: 25px;}
	.btm2_con .areas{padding: 0 0 31px;}
  .btm2_con .sections [class^=section] {width: 32%;margin: 0 auto 35px;padding: 0 4px;}

	.btm3_con { padding: 60px 25px; }

	.footer_btm{padding: 24px 12px;height: auto;}
		.footer_nav ul{ margin:0; text-align:center;}
		.footer_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;height: 50px;}
		.footer_nav ul li:after{background: none;}
		.footer_nav ul li a{line-height: 50px;}
    .footer_top{height: auto;}
    .contact_info form input, .contact_info form textarea{margin-bottom: 10px !important;}
    .contact_info input[type="text"], .contact_info input[type="email"], textarea{width: 30%;}
    .contact_info form{padding: 7px;}
}

@media only screen
and (max-width : 930px) {
	.buttons button {width:497px;}
}

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

  .logo{margin: 8px auto; float: none; display: block; text-align: center; left: 0; top: 0; right: 0;}
  header{height: 214px !important;}


  .header_all { position: relative; top: 126px; display: inline-block; text-align: center; width: 100%; }
  .header_info {float: none; display: inline-block; text-align: center; position: relative; top: 0; right: 0; left: 0;}
  .translate_me {float: none; display: inline-block; text-align: center; position: relative; top: 0; right: 0; left: 0; margin: 0 auto;}

  }


@media only screen
and (max-width : 850px) {
	.buttons button {width:100%;}
}

@media only screen
and (max-width : 840px) {
  .btm2_con .sections [class^=section] {width: 49%;}
}

@media only screen and (max-width: 800px){
  .contact_info ul li a[href^="tel:"]:last-child{display: inline;}
  .contact_info ul li a[href^="tel:"] { display: block; }
  .contact_info ul li small { display: none; }
}

@media only screen
and (max-width : 750px) {
  .logo{float:none; text-align:center; margin: 8px auto 20px;}
  .header_all { top: 146px;}
  .header_info{margin: -14px auto;}
  .translate_me{margin: -14px auto;}
  .middle_con section, .btm1_con section{width:48%;}
	.middle_con [class^="mid_box"]{width: 100%;margin: 0 auto 9px;}
	.mid_box1 h2{text-align: center; margin: 0 auto; width: 100%; padding: 0; position: initial; transform: none;font-size: 30px;}
	.mid_box1 h2 span{font-size: 40px;}
  #bottom1{height: auto;padding: 10px;}
    .btm1_con, .btm1_con2{float: none; width: 100%; margin: 0 auto;padding: 8px 0;}
    .btm1_con section {margin: 0 auto;width: 100%;padding: 0;display: block; }
    .btm1_box1 img{margin: 0 auto; width: 100%;}
    .btm1_box1 [class^="info"]{width: 49%; margin: 0 auto;vertical-align: top;}
    .btm1_con2 section{width: 100%;margin: 5px auto;}
		.btm1_box1 .info p{margin: 9px auto;}

  #bottom2{ height: auto;}
		.btm2_con h2{padding: 25px;}
		.btm2_con .areas{padding: 0 0 31px;}
  .footer_top{height: auto;}
  .footer_btm{padding: 24px 12px;height: auto;}
    .footer_nav ul{ margin:0; text-align:center;}
    .footer_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 0px 6px !important;height: 50px;}
    .footer_nav ul li:after{background: none;}
    .footer_nav ul li a{line-height: 50px;}
    .contact_info h2{padding: 4px;}
    .contact_info input[type="text"], textarea, .contact_info input[type="email"]{margin: 0 auto 10px;width: 75%;}
    .contact_info input[type="submit"]{display: block; margin: 0 auto;}
    .copyright{margin-top: 24px;}
}

/* Smartphones */
@media only screen
and (max-width : 600px) {
	.header_all {  top: 136px;}

  .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%;}
  .middle_con section, .btm1_con section{margin:0 auto 8px!important; width: 100%}
  .mid_box1{margin: 0 auto; display: block; width: 100%;}
  .mid_box1 h2{font-size: 25px;text-align: center;}
  .mid_box1 h2 span{font-size: 30px;}
  .mid_box2{margin: 0 auto; width: 100%; text-align: center !important;}
  main{text-align: left;}

  /*banner*/

	/* .banner_img {height:300px;background: url(../images/slider/1.jpg) no-repeat center top /cover; }
	.banner_img img{display: none;}
	.rslides{display:none;} */

  .btm2_con .areas{padding: 0; width: 100%; margin: 0 auto; text-align: center;}
  .btm2_con .sections {margin-top:30px;}
  .btm2_con .sections [class^="section"] {margin: 0 0 32px; width: 480px; max-width: 100%;}
	.btm1_box1 [class^="info"]{display: block; text-align: center; width: 100%; margin: 15px auto 0;}
  .btm1_box1 .info2 p{padding: 0;}

  .footer_nav ul li{width:100%;}
  .footer_top{height: auto;}
  .contact_col{display: block}
  .contact_info ul li{text-align: center; margin: 0 auto; padding: 0 15px;}
  .contact_info ul li small{display: block; height: 0; opacity: 0; position: relative; z-index: -1;}

  .copyright p{display:block; padding-left: 0; margin-left: 0;}
  .copyright p:before{content: "";}

  .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, .slider{display: none;}
  main .bullet{padding-left:10px;}
  .back_top{background: url(../images/back_top.png) no-repeat center #000; position: fixed; bottom: 10px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  .back_top:hover{opacity: .6;}
}
@media only screen
and (max-width : 420px) {
.header_info {
  margin: -20px 0 12px 0;
}
}
@media only screen
and (max-width : 400px) {
  .header_info {
    margin: -20px 0 31px 0;
}
.header_all {
  top: 129px;
}
	.translate_me{margin: -76px auto;}
   main{padding: 12px 0;}
	.btm1_con2 section{height: auto; padding: 10px}
	.btm1_con2 section h2{font-size: 20px;}
  .btm1_box1 .info2 h3{margin: 0;}
  .contact_info input[type="text"], textarea, .contact_info input[type="email"]{width: 100%}
}
@media only screen
and (max-width : 388px) {
	.buttons button {height: 65px;}
}

@media only screen
and (max-width : 339px) {
header {height: 214px !important;}
}


@media only screen
and (max-width : 339px) {
	.header_all { top: 92px;}
	.header_info{margin: 0px 0px 10px 0px;display: block;}
	.translate_me{margin: 0px auto;display: block;}

}