@media only screen
and (max-width : 1100px) {
  .main_right{margin: 7px 10px 0 0!important; width: 63%!important;}
  .main_thumb{margin: -1px 0 0 24px;}
  .bottom_main{width: 100%;}
}

@media only screen
and (max-width : 1080px) {
  div[class^="mid_box"]{width: 31%;}
  div[class^="mid_box"] a::before{display: none;}
}

@media only screen
and (max-width : 1050px) {
  .left_sidetabs{padding: 21px 0 0 24px;}
  .left_sidetabs a{padding: 0 0 0px 20px;}
}

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

  /*nav*/
  nav{text-align: right;}
  nav ul li{margin: 0 15px;}
  nav ul li::after{right: -17px;}

  /*banner*/
  #banner{text-align:center; height:auto; margin:0; padding: 10px; min-height: auto; background: #fff;}
    .slider{float: none; width: auto; margin: 0;}
  #banner::before, #banner::after{display: none;}
    .box_skitter{display:none;}
    .rslides{display:block;}
    .bnr_info{position: relative; bottom: 0; right: 0; width: 100%; left: 0; margin: 0 auto;}
    .bnr_info img{display: none;}
    .bnr_info h2{display: block; padding: 15px 10px;}
    .left_sidetabs{background: #D9232A; width: 100%; height: auto; padding: 20px 10px; top: 0; left: 0; margin: 10px 0 0;}
    .left_sidetabs h3::after{display: none;}
    .left_sidetabs ul li{display: inline-block; vertical-align: top;}

  /*mid*/
  #middle {text-align:center; margin:0; padding:8px 8px 0;}
    div[class^="mid_box"]{width:32%; margin:0 3px 8px!important;}

  /*main*/
  #main_area{padding:0 10px!important; margin: 20px 0;}
    .main_right{width: 100%!important; float: none; text-align: center; margin: 0!important;}
    main{min-height: 305px; margin: 10px auto 20px;}
    .sidebar{text-align: center; margin: 30px auto 20px;}
    main, .sidebar{float:none; width: 100%;}
    .bellow_main{min-height: auto; margin: 0 15px 0 0; width: 48%; display: inline-block;}
    .bellow_mainimg1{display: none;}
    .bellow_maincont{width: 100%; float: none;}
    .bellow_maincont a{display: inline-block;}
    .bottom_main{display: inline-block; vertical-align: top; width: 48%; padding: 30px 10px; background: #2a3c71;}
    .bottom_main p{white-space: normal;}

    .side_box1{width: 355px; max-width: 100%; height: auto; margin: 0px auto; margin-bottom: 12px; display: inline-block; vertical-align: top; text-align: left;}
    .contact_box{width: 355px; display: inline-block; vertical-align: top; margin: 0; text-align: left;}

    .side_box2{width: 100%; margin: 20px 0 45px;}
    .side_box2 ul li{display: inline-block; vertical-align: top; width: 33%; text-align: left;}
    .side_box2 ul li:first-child a::after, .side_box2 ul li:nth-child(2) a::after, .side_box2 ul li a::after{right: 10px;}

  #bottom1{}
    .btm1_con section{width:32%; margin:0 3px 8px!important;}

}

@media only screen
and (max-width : 960px) {
  nav ul li{margin: 0 12px;}
  nav ul li::after{right: -14px;}
}

@media only screen
and (max-width : 930px) {
  div[class^="mid_box"]{width: 355px;}
  div[class^="mid_box"] a{background: #E12B31;}
  div[class^="mid_box"] a:hover{background: #233568;}
}

@media only screen
and (max-width : 920px) {
  header {padding: 0 12px; background: #fff; min-height: auto;}

  .header_info{float: none; text-align: center; width: auto; margin: -25px auto 20px; display: block; z-index: 99;}
  .header_info::before{position: static; top: 0; left: 0; display: block;}
  .logo{position: relative; top: -32px; left: 0;text-align: center; display: block;}

  /*nav*/
  nav{clear: both; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0; background: #32467F; border-radius: 0; float: none; text-align: center;}
  nav ul{ margin:0; text-align:center;}
  nav ul li{width: 32.8%; text-align: center; margin:0px 0px 6px !important;}
  nav ul li:after{content: "";}
  nav ul li a{line-height: 40px; border: 2px solid #fff;}
  nav ul li a:hover, nav ul li a:active, nav ul li.current_page_item > a, nav ul li a:hover small, nav ul li.current_page_item a small{text-decoration: none; border: solid 2px #D9242A; color: #fff;}

  nav li 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;}
}

@media only screen
and (max-width : 840px) {
  .side_box2 ul li{width: 49%;}
}

@media only screen
and (max-width : 750px) {
  div[class^="mid_box"]{width:48%;}

  .sidebar{margin: 30px auto 0;}
  .side_box2{margin: 20px 0 0;}

  footer{margin: 15px 0; padding: 0 10px;}
  .footer_btm{padding: 15px 10px; background: #2F427A;}
    .footer_nav ul{ margin:0; text-align:center;}
    .footer_nav ul li{width: 32%; text-align: center; margin:0px 0px 6px !important;}
    .footer_nav ul li:after{background: none; display: none;}
    .footer_nav ul li a{line-height: 40px; border: 2px solid #fff; padding: 0;}
    .footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a{border: solid 2px #D9242A; text-decoration: none;}

    .social_med{position: relative; top: 0; right: 0; text-align: center; margin: 10px 0;}
    .ftr_logo{position: relative; top: 0; right: 0; text-align: center; margin: 10px 0;}
    .copyright{margin-top: 0; text-align: center;}
}

@media only screen
and (max-width : 650px) {
  #middle{padding: 0;}
  div[class^="mid_box"]{display: block; width: 355px; margin: 7px auto!important;}
}

/* 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%;}

  .mobi_ban{display: block;}

  main{margin: 30px auto 20px;}
  main p{text-align: left!important;}
  .main_thumb{display: none;}

  .bellow_main{margin: 12px 0; display: block; width: 100%;}
  .bellow_maincont{width: 100%; float: none; margin: 0;}
  .bottom_main{width: 100%; display: block; margin: 22px 0; min-height: auto; padding: 14px 10px;}

  .sidebar{margin: 20px auto 0;}

  .footer_nav ul li{width:100%;}

  .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 #D9242A; position: fixed; right: 17px; bottom: 24px; width: 43px; height: 43px; cursor: pointer; border-radius: 50%; z-index: 999;}
  .back_top:hover{opacity: .6;}
}

@media only screen
and (max-width : 580px) {
  .side_box2 ul li{display: block; width: 100%;}

  .copyright{line-height: 22px;}
  .copyright a{display: block; line-height: 22px;}
  .ntr_bus{margin: 0;}
  .ntr_bus::before, .bull{display: none;}
}

@media only screen
and (max-width : 400px) {
  .left_sidetabs ul li{display: block; text-align: left;}
  .bnr_info h2{font-size: 6vw; padding: 8px 10px;}

  div[class^="mid_box"]{width: 300px;}

  .side_box1{background: #2a3c71; width: 300px; padding: 21px 0 0 129px;}
  .side_box1 p{white-space: normal;}
  .side_box1img1{top: auto; width: 155px; bottom: -1px;}
  .contact_box{width: 300px;}

  .back_top{bottom: 77px;}
}