/* Large Tablet Devices ----------- */
@media only screen
and (max-width : 1150px) {
	header {padding:0 15px;}
	.side_box3 {padding: 68px 58px 0 39px;}
	.side_box3_con {line-height: 14px; font-size: 10px;}
}


@media only screen
and (max-width : 1080px) {
  html, body{
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Webkit */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE 10  */
  }
  
  
	/* banner */
	.slider {height: 359px; width:auto;}
	.bnr_info{position:absolute;right: 0; top: 0;}
	
	/* main */
	.main_con {padding: 37px 15px 0;}
	main{width:64%;}
	.sidebar {width:33%;}
	
	footer{padding:0 15px;}
}


@media only screen
and (max-width : 900px) {
	.slider {height: auto; width: 100%; display:block;}
	.bnr_info {position: static;min-height: 0; text-align: center; float:none; width: 100%; padding: 35px 15px;}
	.bnr_info h2 {font-size:27px; line-height:31px;}
	.bnr_info p{padding-right:0;}
	
	.side_box1 h2 {font-size: 22px; line-height: 24px;}
	.bnr_info p {padding-right: 166px;}
}


@media only screen
and (max-width : 800px) {
	.main_con{text-align:center;}
	main {width: 100%; padding: 0 0 40px; text-align:left;}
	.sidebar{width:100%; float: none; display:block;}
	.side_box1{width: 654px;margin: 0 auto 46px; max-width: 100%; text-align: left;}
	.side_box2 img {display: block; margin: 0 auto;}
	.side_box3{background-size: contain;  text-align: left;width: 289px; margin: 40px auto 0; max-width: 100%; padding: 56px 57px 0 39px; display: inline-block; vertical-align: top; min-height: 360px;}
	.side_box3_con {line-height: 16px;}
	
	.btm1_con {text-align:center;}
	
	.header-buttons {left: 275px;}
}


@media only screen
and (max-width : 700px) {
	.header_con{text-align:center; min-height: 0;}
	.header_info {display:none;}
	.logo {margin: 25px 0; float:none}
	
	nav ul{margin-left: 0;}
	nav ul li {margin:0;}
	nav ul li a {padding:0;}
	
	.header-buttons {position:relative;left: 0;right: 0;margin: 0 auto;}
}


/* Smartphones */
@media only screen
and (max-width : 600px) {
	.nav_con {height:auto;}

  .nav_toggle_button{ display:block;}
  nav{display: none; clear: both; height:auto;margin:auto; transition:none; position:relative; width:100%; right:0; top:0;}
  nav ul{margin: 0; padding: 0;}
  nav ul li {width: 100%; display: block;}
  nav ul li a{padding: 0 0 0 11px;}
  nav span{top: 12px; display:block;}

  nav ul ul{width:100%; position:relative;  transition:none; width:100%;}
  nav ul ul li {border:none; width:100%;}
  nav ul ul li a{width:100%; border:none;}
  nav ul li:nth-child(5) a {background:none;}
  nav ul li:hover > ul  {display:none;}

  .bnr_info{background:#0060b2;}
  .bnr_info p{padding-right: 0;}
  
  .sidebr1_btn {background-position: right 20px top 50%;}
  .sidebr1_btn:hover{background-position: right 20px top 50%;}
  
  main{text-align:left;}
  main p {text-align:left;}
  main .bullet ul li {text-align:left;}

  .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;}
  .back_top{background: url(../images/back_top.png) no-repeat center #0060b2; position: fixed; bottom: 10px; right: 10px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  .back_top:hover{opacity: .6;}
  
  #wpadminbar{position: fixed!important;}
}
@media only screen
and (max-width : 600px) {
	.disp{display:block;}
	.disp1{display:none;}
}