/* Large Tablet Devices */
@media only screen
and (max-width : 1090px) {
  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_right, .nav_area{padding-right: 10px;}
  
  .header_right {margin: 15px 0 0;}
  .header_text {display: block;margin: 0 auto 10px;}

  /*Main Area*/
  #main_area .wrapper{padding: 85px 12px 0;}
    main{width: 63%;}
    .sidebar{width: 37%;}
      [class^="sb1_box"]{padding-left: 5vw;}

  /*Bottom Area*/
  #bottom1{padding: 87px 12px 0;}
    .btm1_hdng{width: 35%;}
    .btm1_serv{width: 61%;}
    .btm1_serv ul li{width: 49%;}

    .btm2_info2{max-width: 97%; padding-left: 25px;}
    .btm2_info2 a{right: -10px;}

  /*Footer Area*/
  .footer_top{padding: 78px 12px 0;}
    .map{width: 39%;}

  .ftr_logo{width: 21.8%;  padding-right: 10px;  padding-top: 15px;}
    .ftr_logo a img.logo_icon{width: 5vw; margin-top: 0;}
    .ftr_logo a img.logo_comp{width: 14vw; margin-top: 0;}
  .footer_left{width: 78.2%; padding-left: 10px;}
  .footer_left ul li{margin-right: 56px;}
  .footer_left ul li:after{right: -30px}


}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   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;}
}

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

  /*Header Area*/
  header {padding: 24px 0 0; height: auto;}
  .logo{padding-left: 10px; margin-bottom: 24px;}
  .logo a img{vertical-align: middle;}
  .logo a img.logo_icon{margin: 0; width: 100px;}
  .logo a img.logo_comp{margin: 0 0 0 13px;width: 265px;}
    .header_right{margin-top: 35px;}

  /*Nav Area*/
  .nav_area{position: static; padding: 0;}
  nav:after{display: none;}
  nav{clear: both; height:auto;margin:auto; padding:10px 10px 4px; transition:none; position:relative; width:100%; right:0; top:0; font-size: 0; text-align: center; float: none;}
  nav ul{ margin:0; text-align:center;}
  nav ul li{width: 32%; text-align: center; border:1px solid #c5394e; margin:0px 2px 6px !important;}
  nav ul li:after{display: none;}
  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 Area*/
  .slider{left: 47%;width: 156%;  height: auto;}
  .bnr_info{width: 78%;}
    .slogan{padding: 5px 12px; height: auto;}
    .slogan h2, .slogan h3{font-size: 2.5vw;  line-height: 2.5vw;  margin-bottom: 2vw;}
    .slogan h2 span, .slogan h3 span{font-size: 3vw;}
    .slogan-covid p, .slogan p {font-size: 16px;}
  /*Main Area*/
  #main_area .wrapper{ padding: 24px 12px;}
    main{padding: 0; width: 51%;margin: auto;}
    .t_home{display: none;}
    .sidebar{width: 45%;}
    .side_box1:before, .side_box1:after{display: none;}
	.sb1_box2 {margin-bottom:0;}
	
	.serv_boxes ul li a img{opacity:1;}
	.serv_boxes a span:after {display:none;}
	.serv_boxes ul li a:hover span{padding-right: 10px;}

  /*Bottom Area*/
  #bottom1{padding: 24px 12px; height: auto; background: #942031; text-align: center;}
    .btm1_hdng, .btm1_serv{width: 100%; padding: 0;}
    .btm1_serv ul {margin-top: 15px;}
    .btm1_serv ul li{width: 32%; margin: 0 3px 9px!important; text-align: left;}
    .btm1_serv ul li a{padding-left: 39px; font-size: 20px;}

  #bottom2{background: #002b55; height: auto; }
  #bottom2 .wrapper{padding: 24px 12px; text-align: center;}
    .btm2_img{display: none;}
    .btm2_info2{margin: auto; text-align: left; padding-left: 15px;width: 465px;}
    .btm2_info2:before{display: none;}

  /*Footer Area*/
  .footer_top{padding: 24px 12px; height: auto;}
    .map{width: 100%; float: none; margin-bottom: 20px;}
    .contact_info{width: 100%; float: none; text-align: center;}
    .contact_info ul li{width: 48.3%; margin: 0 3px 8px!important;}

  .footer_left:before, .ftr_logo:after{display: none;}
    .ftr_logo{float: none; width: 100%; text-align: center; height: auto; padding: 10px;}
    .ftr_logo a img.logo_icon{width: 60px;}
    .ftr_logo a img.logo_comp{width: 156px;margin: 0 0 0 8px;}
    .footer_left{padding: 24px 12px; text-align: center; padding: 24px 12px; width: 100%; background: #942031; height: auto;}
      .footer_nav ul li{margin: 0 23px;}
      .footer_nav ul li:after{right: -26px;}
  .do-not{margin: 0 auto;}

}
@media only screen
and (max-width : 900px) {
	.col2, .col3{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
}

@media only screen
and (max-width : 800px) {
  /*Header Area*/
  .logo, .header_right{float:none; text-align:center; margin: 0 auto 24px; padding: 0 12px;}
  .logo{width: 405px;}

  /* Banner Area */
  .slider{left: 65%;}
  .bnr_info{width: 100%; position: static;}
    .slogan{text-align: center; position: static; -webkit-transform: none; transform: none; padding: 24px 12px;}
    .slogan h2, .slogan h3{display: inline-block;  margin: 0 8px;  vertical-align: middle;  font-size: 27px;  line-height: 30px;}
    .slogan h2 span, .slogan h3 span{font-size: 34px;}
    .slogan h2:after{width: 1px;  height: 42px;  top: 50%;  right: -10px;  left: auto;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);}
    .slogan p{margin-top: 15px; padding-right:0;}
    .slogan a{margin: 24px auto 0;}

  /* Main Area */
  main, .sidebar{float: none; width: 100%;}
    main{margin-bottom: 24px; padding: 0;}
    main .h1_title{margin-bottom: 15px;}
    .sidebar{text-align: center;}
    [class^=sb1_box]{width: 48.3%; display: inline-block; vertical-align: top; margin: 0 3px; text-align: left; padding: 15px 12px; height: auto;}
    [class^=sb1_box]:after{display: none}
	[class^="sb1_box"] a {display:block;}
	
	.serv_boxes ul li {width:46%;}

  /* Bottom Area */
  .btm2_info1{margin-bottom: 30px;}
  .btm2_info1 h2{font-size: 25px; line-height: 100%; margin-bottom: 12px;}
  .btm2_info1 h2 span{font-size: 34px; line-height: 100%;}
  .btm2_info1 a{display: inline-block; margin-top: 15px;}
  .btm1_serv ul li {width: 48.3%;}

  .btm2_info2{text-align: center; padding: 20px 12px; height: auto; width: 350px; max-width: 100%;}
  .btm2_info2 h2{font-size: 30px; line-height: 100%;}
  .btm2_info2 a{text-align: left; margin: 12px auto 0; position: relative; right: auto; top: auto;}

  .footer_nav ul{ margin:0; text-align:center; font-size: 0;}
  .footer_nav ul li{width: 32%; text-align: center; border:1px solid #fff; margin:0px 2px 6px !important;}
  .footer_nav ul li:after{background: none;}
  .footer_nav ul li a{line-height: 40px;}

  .copyright{margin-top: 24px;}

  /*Others*/
  .sitemap{-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0;  column-gap: 0;}
  
  .thumb_right_dd, .thumb_left_dd {width:250px;}

}

/* Smartphones */
@media only screen
and (max-width : 600px) {
  /*Header Area*/
  header{padding: 0 0 20px;}
    .logo{float: left; padding: 0;width: auto; margin: auto;}
    .logo a img.logo_icon{width: 54px;}
    .logo a img.logo_comp{margin: 0 0 0 8px;width: 143px;}

    .header_right{margin: 24px 0 0;}
      .media{vertical-align: middle; margin: auto;}
      .header_info{vertical-align: middle; margin: 0 0 0 15px; padding: 0;}
      .header_info:before{display: none;}
      .header_info:after{left: -10px;}

  /*Nav Area*/
  .nav_toggle_button{ display:block; overflow: hidden;}
  nav{display: none; }
  nav ul{margin: 0; padding: 0;}
  nav ul li{width: 100%; display: block; margin: 0 auto 6px!important;}
  nav span{top: -2px;}

  nav ul ul{width:100%; position:relative;  transition:none;}
  nav ul ul li {border:none; width:100%;}

  /*Banner Area*/
  .mobi_ban{display: block;  width: 180%;  max-width: none;  left: -20%;  position: relative;}
  .slogan h2, .slogan h3{display: block; margin: auto;}
  .slogan h2{margin-bottom: 20px;}
  .slogan h2:after{width: 100%; height: 1px; top: auto; bottom: -10px; right: 0;  left: 0; -webkit-transform: none;  transform: none;}

  /*Main Area*/
  [class^=sb1_box]{width: 100%; display: block; margin: 0 auto 8px;}
  main .h1_title, main .h1_title small{line-height: 100%; font-size: 30px;}
  main .h1_title span{line-height: 100%; font-size: 45px;}
  
  .serv_boxes ul li {width:100%; margin:0 0 20px;}
  .serv_boxes ul li img{display: block;  margin: auto;}
  .serv_boxes ul li a span {width: 100%;  max-width: 400px;  display: block;}

  /* Bottom Area */
  .btm1_serv ul li {width: 100%; margin: 0 auto 8px!important;}

  /*Footer Area*/
  .contact_info h2{font-size: 25px; line-height: 100%; margin-bottom: 15px;}
  .contact_info h2 span{font-size: 34px; line-height: 100%;}
  .contact_info ul li{width: 100%; margin: 0 auto 8px!important; min-height: 0; height: auto; padding: 12px;}

  .copyright{padding-bottom: 40px}
  .footer_links, .privacy{display:block; line-height: 28px;}
  .footer_links:before, .privacy:before{display: none;}
  .footer_nav ul li{width:100%; margin: 0 auto 6px!important;}

  /*Others*/
  .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 #184a7b; position: fixed; bottom: 0; right: 0; width: 100%; height: 43px; cursor: pointer;  z-index: 999;left: 0;opacity: .8;}
  .back_top:hover{opacity: .6;}
}


/*@media only screen
and (max-width : xxx) {}*/
  /*Header Area*/
  /*Nav Area*/
  /*Banner Area*/
  /*Middle Area*/
  /*Main Area*/
  /*Bottom Area*/
  /*Footer Area*/