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

  .res_cont ul li:first-child {width: 46%;}
  .res_cont ul {padding-left: 464px; max-width: 968px; margin: 0 auto;}
  .inner1 {padding-left: 252px;}
  .res_cont ul li figure {max-width: 220px;}

.btm-thumb {width: 238px;top: 63px; right: 25px}
.container2 {padding: 50px 35px 44px;}


.bnr-thumb {width: 562px;}

.nest-inner {padding: 51px 57px 60px;}

#banner {height: 656px;}

.middle_con ul li {margin: 0 10px}

.btm1_con {padding: 72px 30px 64px;}

.form-wrapper .n-input {width: 472px;}

.side-right {width: 577px;}
.serv-list {    width: 574px;}

.rw_cont ul li {width: 95%}
.rw_cont ul li figure {left: 25px}
.rw_cont ul li span {font-size: 20px;}
.rw_cont ul li h3 {min-height: 129px;}
.rw_cont ul li p {line-height: 25px;  min-height: 176px;}

.mid2_con ul li {padding-left: 498px;}
.mid2_con ul li:nth-child(2) {padding-right: 547px;}


.bnr_info {padding: 81px 0 0;}
.bnr_info h2 span {font-size: 52px;}

.iq-thumb {margin: 0 0 48px 0 !important;}
.r-cont {right: 0;}
.dl_cont2 ul li {padding: 33px 27px 33px 220px}
.dl_cont2 ul li figure {width: 31%;}
.dl_cont2 {padding: 25px}

.dl1_cont_bnr figure {left: 0}
.dl1_cont_bnr {width: 540px;  padding: 93px 0 79px 0;}

.button_list {justify-content: space-evenly;}
.button_list li {margin: 5px;}
}

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

.placeholder.filled {max-width: 373px;min-width: auto;}

.middle_con ul li p {min-height: 126px;}

.form-wrapper .form-a {width: 481px;font-size: 18px;}

.dl1_cont_bnr figure {left: -83px;}

}

@media only screen
and (max-width : 1024px) {
   /* Nav Area Sub-Menu Style */
   nav li.menu-item-has-children > span{display:block;}
   nav.page_nav ul li:hover > ul{display: none;}


   nav.page_nav ul ul {top: 168%;}
}

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

  .payment_inner {padding: 71px 15px;}


  .cv_cont ul li {min-height: 244px;width: 100%;}

  .res_cont ul {margin: 0 auto 40px; padding: 0}
  .res_cont ul li {width: 100% !important;  position: relative !important;  margin: 20px auto;  text-align: center !important;  padding: 30px !important;}
  .res_cont ul li figure {max-width: 100%;  position: static !important;  margin: 0 auto 25px;  text-align: center;}
  .res_cont ul li a {margin: 0 auto;}
  .res_cont ul li:first-child .inner1 h3 {font-size: 23px;line-height: 37px;}
  .res_cont ul li:first-child figure {margin: 0 auto;}

  .miss-thumb {width: 147%; margin-left: -25%;}
  .miss_cont {padding: 0 25px 22px;}
  .inner1 {padding: 0 !important;}

  .dl1_cont ul {flex-wrap: wrap;}
  .dl1_cont ul li {width: 100%;margin: 35px 0;}

   .dl1_cont_bnr ul {max-width: 320px;  margin: 0 auto 54px;}
   .dl1_cont_bnr ul li {text-align: left;}
   .dl1_cont_bnr a {text-align: left;  margin: 0 auto;}

  .ftr-info2 {text-align: center;padding: 0;}
  .ftr-inner {position: static;  text-align: center;}

  .container2 {padding: 40px 25px;}
  .form-wrapper .section {width: 100%}

  .modal {padding: 0}
  .modal-content {padding: 71px 30px;}

  .dl1_cont_bnr {float: none;  width: 100%;  padding: 40px 0;  text-align: center;}
  .dl1_cont_bnr figure {position: static;  margin: 0 auto 40px;}

  /*Header Area*/

  /*Nav Area*/
  nav.page_nav ul li {margin: 0 10px;}
  nav.page_nav ul ul ul {position: static;}
  nav.page_nav  ul ul span{right: -14px; top: 3px;}

  /*Banner Area*/
  #banner{text-align:center; height:auto; margin:0;padding: 40px 25px;}
    .box_skitter{display:none;}
    .rslides{display:block;}

    .bnr-thumb {float: none;  width: 100%;  margin: 50px auto 0;  text-align: center; position: static; display: block}

    .non_ban figure{width: 190%;margin-left: -42%;}
    .page_title{font-size: 40px}
    .bnr_info {width: 100%;  position: static;  padding: 30px 0;  text-align: center;}
    .bnr_info a {margin: 20px auto 0; display: block}
    .bnr-thumb a {margin: 62px auto 0; display: block}


  /*Middle Area*/
  #middle {text-align:center; margin:0;}
  .middle_con {padding: 40px 0}
  .middle_con ul  {display: block}
    .middle_con ul li {width: 30%;  text-align: center;  padding: 30px 20px;  margin: 10px;}
    .middle_con ul li p {min-height: 149px;}

    .middle_con ul li a {margin: 0 auto;}
    .middle_con ul li p {min-height: 127px;}

    .mid2_con ul li figure {width: 44%;}
    .mid2_con ul li {padding-left: 427px;margin-bottom: 45px;}
    .mid2_con ul li:nth-child(2) {padding-right: 434px;}

  /*Main Area*/
  #main_area, #main2_area{padding:0; margin:0;}
  main{float:none;  width:100%; padding: 30px 25px}
    .main2{float:none;  width:100%; padding: 30px 25px}
    .main_thumb {display: none}

    .dl_cont2 ul li {padding: 15px;  text-align: center}
    .dl_cont2 ul li figure {width: 100%;  position: static;  margin: 0 auto 20px;}
    .dl_cont2 ul li a {text-align: left;  margin: 0 auto;}

  /*Bottom Area*/
  #bottom1{}

    .btm-thumb {display: none}
    .btm1_con ul li {width: 100%;  text-align: center;}
    .btm1_con ul li p {max-width: 100%;}
    .btm1_con ul li a {margin: 40px auto 0;  text-align: left;}
    .btm1_con .n-input {width: 100%; max-width: 450px}

    .ftr-cont ul li a {width: 333px;}
  /*Footer Area*/
  footer{}
    .ftr-logo a {margin: 0 auto;  display: block;}
    .copyright {display: block;  margin: 0 auto;  text-align: center;}
    .footer_nav {position: static;margin-top: 68px;}
    .footer_nav ul li a {font-size: 17px !important; height: auto !important;  background: none !important;  top: 0 !important;  width: auto !important}
    .footer_nav ul li {margin: 0 22px;}
    .footer_nav ul li a::after {display: none}

    .serv-list {width: 100%; float: none; }
    .placeholder {position: static; margin: 0 auto 30px;}
    .serv-list ul {text-align: left;}
    .serv-list a {text-align: left;}

    .rw_cont ul li {width: 95%;}

    .btm1_tabs .ul1 li a {font-size: 14px;}

    .res_cont h4 {padding: 0}


    .r-cont {position: static;  text-align: center;  max-width: 100%;  margin: 40px 0;}
    .iq-thumb {margin: 0 auto !important;}
}

@media only screen
and (max-width : 800px) {
  .nest-inner {padding: 50px }
  .header_info h3 mark::before {left: 20px;}

  .bio_cont {padding: 50px 25px; text-align: center;}
  .bio_cont figure {position: static; margin: 0 auto 50px;}

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

  /* Header Area */
  header {padding: 25px}
  .main_logo{}
  .header_info{text-align: center; padding: 10px; float: none;}
  .social_media {position: static;  margin-top: 15px;}

  .header_info h3 mark {max-width: 252px; margin: 0 auto; position: relative; left: 14px; top: 6px;}

  /* Nav Area */
  #nav_area{padding:25px 15px;background:#fff;}

  nav.page_nav ul li:after{display: none}

  nav.page_nav span {right: -18px; top: 11px;}

  nav.page_nav ul ul, nav.page_nav ul ul li, nav.page_nav ul ul li a {width:100%;}
  nav.page_nav ul ul li{margin: 0 !important}

  .hatch_cont ul {display: block}
  .hatch_cont ul li {width: 100%}
  .hatch_cont ul li:last-child {margin-top: 40px}

  .middle_con ul li p {min-height: 0}
  .middle_con ul li a {margin-top: 30px;}

  .rw_cont {padding: 50px 0}

  .nav_toggle_button{display:block;}
  nav.page_nav {width: 280px;position: fixed;top: 0;right: -280px;height: 100%;background: #85c7e3;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;}
	nav.page_nav ul{margin: 0; padding: 0; position: static;}
	nav.page_nav ul li{width: 100%; display: block; margin: 0 auto !important;border: none;border-bottom: 1px solid #f8f8f8;text-align: left;}
	nav.page_nav ul li:last-child{border-bottom: none;}
  nav.page_nav ul li a{line-height: 50px;padding: 0 10px; font-size: 16px !important; width: 100% !important; height: auto !important; color: #333 !important}
  nav.page_nav ul li:first-child a::before, nav.page_nav ul li a::after {display: none}

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


  .middle_con ul li {width: 100%;margin: 10px auto;}
  .middle_con ul li figure {margin: 0 auto;}


  .mid2_con {padding: 40px 0;  text-align: center;}
  .mid2_con ul {display: block; margin: 0}
  .mid2_con ul li {width: 100% ;  display: inline-block;  text-align: center;  padding: 40px 0 !important; margin: 0 !important}
  .mid2_con ul li figure {min-height: 0; margin-bottom: 30px; position: static; width: 100%;}

  .mid2_con ul li h3 {line-height: 38px;  font-size: 24px;}

  .dl_cont2 ul li {padding: 20px;width: 100%;}

  .form-wrapper .section.is-active {width: 100%; max-width: 414px;}

  .ftr-cont ul li a {margin: 0 auto;}
  .ftr-cont ul li {display: block;  margin: 10px auto;}
  .steps {left: 429px;}
  .container2 {padding: 72px 34px 63px;}
  .form-wrapper .form-a {width: 478px;font-size: 18px;}

  .rslides_tabs {right: 25px;left: auto;}


  /* Toggle Style */
  .toggle_right_nav {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
  .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
  .toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
  nav.toggle_right_style {right: 0;opacity: 1;z-index: 45;}
  .logo_slide_right {float:left;width: calc(100% - 90px);}

  .menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #fff;position: relative;}
  .menu_slide_right .hamburger{position: absolute;top: 45%;right: 10px;transform: translateY(-50%);}


  /*Footer Area*/
  .footer_btm{padding: 24px 12px;}
    .footer_nav ul{ margin:0; text-align:center; font-size: 0;}
    .footer_nav ul li{width: 49%; text-align: center; border:1px solid #333; margin:0px 2px 6px !important;}
    .footer_nav ul li:after{background: none;}
    .footer_nav ul li a{line-height: 50px;}

    .copyright{margin-top: 24px;}

    .rw_cont ul li {width: 100%; margin: 0}

    .btm1_tabs_content {padding: 25px;}
    .btm1_tabs .ul1 li {width: 49%;  margin: 6px auto;}
    .btm1_tabs .ul1 {flex-wrap: wrap;}
    .r-blog li {width: 100%;  text-align: center;  margin: 0 auto;}
    .btm1_tabs .ul1 li a {font-size: 17px}

    .rslides li::before {transform: scale(.9); width: 44%}
    .rslides li::after {width: 454px;}


    .ten-list {width: 100%}

}

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

  .steps_img img {height: 20px;}
  .steps_img::before {position: absolute; top: 0; left: 0; right: 0; content: url(../images/step1-320.png)}
  .steps_img {position: relative;}
  .steps_img img {display: none}
  .img2::before {content: url(../images/step2-320.png)}

  .modal-content2 {padding: 23px;}
  .cv_cont ul li {padding: 30px 20px;  text-align: center;}
  .cv_cont ul li::before {position: static;  margin: 0 auto 30px;  display: block;}

  .dl1_cont ul li::before {left: 0; right: 0; margin: 0 auto; text-align: center;}
  .miss-thumb {width: 296%; margin-left: -112%;}
  .dl1_cont_bnr figure {margin-left: -8%; width: 100%;}

  .dl1_cont ul li {padding: 167px 0 0;}
  .dl1_cont_bnr p {font-size: 22px;}

  .dl1_cont_bnr a {max-width: 373px; width: 100%; padding: 25px 0 ; text-align: center;}
  .dl1_cont_bnr a::before {display: none}

  .static-input {width: 100%; font-size: 14px;padding: 0 13px; }
  .pop-btn {width: 257px;font-size: 18px;text-align: left; padding-left: 31px;}
  .pop-btn::before {margin-top: 4px;}

  .nest-inner {padding: 30px;line-height: 32px;font-size: 18px;}
  .nest-inner h3 {font-size: 30px;margin-top: 23px;}
  .nest-inner h4 {font-size: 40px;}

  .big-h3 {font-size: 31px !important;line-height: 41px;}
  .nest_cont h2 {font-size: 34px;}
  .big2-h3 {font-size: 26px !important;  line-height: 38px;}
  .bullet2 {margin-left: 0;}

  .dl1-form {padding: 40px 25px}
  .dl1-form h2 {font-size: 35px;}

  /*Banner Area*/
  .mobi_ban{display: block;}
  .non_ban figure{width: 310%;margin-left: -105%;}
  .breadcrumb-container.theme5 li {margin: 3px 14px;}
  /* .page_title{position: static;background: #000;color: #fff;font-size: 30px} */

  .bnr_info h2 span {font-size: 45px;}
  .bnr-thumb a {max-width: 310px;  width: 100%;  height: auto;  padding: 20px;}
  .bnr-thumb a::before {display: none}

  .placeholder {width: 276px; height: 276px;}

  .hatch_cont figure {margin-bottom: 40px;}
  .nest_cont figure {margin-bottom: 40px;}
  .hatch_cont ul {margin-top: 26px;}
  .hatch_cont ul li h3 {font-size: 24px;line-height: 36px;}

  .hatch_cont ul li:nth-child(2) h3 {font-size: 36px;margin-bottom: 47px;}

  .main2 h3 {font-size: 25px;}


  .dl_cont2 ul li a {width: 184px;}
  .rslides li::before {content: url(../images/r-step1.png);transform: unset; left: 0; right: 0; width: auto;}
  .rslides li::after {width: 223px; right: 0; margin: 0 auto;}
  .rslides li:nth-child(2)::before {content: url(../images/r-step2.png);}
  .rslides li:nth-child(3)::before {content: url(../images/r-step3.png);}
  .form-wrapper .form-a {margin: 20px auto;}

  /*Middle Area*/
  .middle_con ul li{margin:0 auto 8px!important; width: 100%}
  .middle_con h2 {font-size: 36px;}

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

  .form-wrapper .section.is-active {max-width: 414px; text-align: center;}
  .form-wrapper .button, .form-wrapper .submit {text-align: left; margin: 40px auto 0;}


  main .h1_title {font-size: 34px;padding: 117px 0 0; margin-bottom: 51px;}
  main h2 {font-size: 30px;}

  .main2 .h1_title {font-size: 34px;padding: 117px 0 0; margin-bottom: 51px;}
  .main2 h2 {font-size: 30px;}


#bottom1 {padding: 40px 0}
  .container2 {padding: 26px 34px;}
  .steps {position: static;  margin: 0 0 20px;}
  .form-wrapper .n-input {max-width: 472px;     width: 100%;}

  .btm1_con ul li a {max-width: 270px;  width: 100%;}

  .res_cont .a2 {height: auto;  padding: 20px; max-width: 517px; width: 100%}
  .res_cont .a2::before {display: none}

  .container2 {padding: 40px 15px;}
  .form-wrapper .section.is-active {max-width: 100%;  text-align: center;  position: static;  width: 100%;  margin: 0 auto;}
  .form-wrapper .section p {  max-width: 100%;  margin: 20px auto 30px;}
  .form-wrapper .n-input {max-width: 500px;     width: 100%;     margin: 20px auto 0;}
  .form-wrapper .n-input {padding: 0 23px;}

  .form-wrapper .button, .form-wrapper .submit, .form-wrapper .buttonnext {margin: 40px auto 0;}

  .form-wrapper .submit {padding-left: 19px;}
  .form-wrapper .section h4 {margin: 0 0 20px;}
  .form-wrapper .section h3 {font-size: 30px}

  .form-wrapper .form-a {max-width: 478px;  font-size: 18px;  width: 100%; padding: 20px; height: auto; }
  .form-wrapper .form-a::before {display: none}

  .form-wrapper .section {text-align: center;padding: 53px 0 0;width: 100%}
  .rslides_tabs {right: 0; left: 0; top: 35px;}
  .container {text-align: left;  position: relative;  left: 0;  margin: 10px;}

  .ftr-cont ul li a {max-width: 333px;     width: 100%;     height: auto;     text-align: center;     padding: 20px; z-index: 2}
  .ftr-cont ul li a::before {display: none}

  /*Footer Area*/
  footer {padding-bottom: 45px;}
  .footer_comp{display:block; line-height: 28px;}
  .footer_comp:before, .footer_comp:after{display: none;}
  .footer_nav ul li{width:100%; margin: 0 auto 6px!important;}

  .mid2_con h2 {font-size: 32px;}

  /*Others*/
  .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;}
  .main2 .bullet{padding-left:10px;}

  /*For (AddThis) Plugins*/
  .withAddThis_plugins {bottom: 48px;}
  .withAddThis_ftr_btm {padding: 0 10px 88px;}
  /*End (AddThis) Plugins*/

  .btm1_tabs .ul1 li {width: 100%;}
  .r-blog li {width: 100%;  text-align: center;  margin: 0 auto;}

  .button_list li {max-width: 372px; width: 100%;}
  .stripe-button-el span {text-align: center !important; background: #eeb31b !important; line-height: 22px !important; padding: 15px !important;}

}

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