/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480 for "NexGen Surveying"
1280-1024   - desktop (default grid)
1024-768    - tablet landscape
768-480     - tablet 
480-less    - phone landscape & smaller
--------------------------------------------*/

/* --------------------------------------------
RESPONSIVE CSS STARTS
-------------------------------------------- */

@media all and (min-width:1500px) {
	.banner-wrapper {
		padding: 100px 0 150px 0;
	}
}

@media all and (max-width:1200px) {
	.navbar-nav {
		border-top: 1px solid #d9d9d975;
		padding: 10px 0!Important;
	}
	.navbar-nav .nav-item {
		text-align: center;
		margin-left: 0px;
		padding: 5px 0;
	}
	.nav-item ul {
		position: relative;
		top: 0;
		left: 0;
		box-shadow: none;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
	.nav-item ul .nav-item-sub {
		display: block;
		margin: 10px 0;
	}
	.nav-item:hover::after, .nav-item.active:after {
		width: 0;
	}
	.dropdown-menu {
		width: 100%;
		min-width: 100%;
		left: 0;
		padding: 10px 0px;
	}
	/*.review-slider .slick-dots {
		left: -320px;
	}*/
	.office-icon {
		padding-right: 20px;
	}
	.meet-content h3 {
		max-width: 90%;
	}
	.history-table table thead {
		font-size: 16px;
	}
	.history-table table {
		font-size: 14px;
	}
}

@media all and (max-width:992px) {
	.banner-wrapper {
		margin-top: 114px;
	}
	.navbar-brand {
		max-width: 180px;
	}
	.nav-item {
		padding: 0;
	}
	.nav-link {
		font-size: 16px;
	}
	.featured-content h2, .process-content h2, .quick-quote-form h2, .latest-content h2, .page-content-text h2, .info-slider h3.info-identity, .news-latter-content h2, .review-content h2 {
		font-size: 48px;
	}
	.featured-content p, .latest-content p, .page-content-text p {
		max-width: 90%;
	}
	.process-wrapper {
		padding: 80px 0;
	}
	.process-list-content p {
		min-height: 100%;
	}
	.review-content p {
		max-width: 100%;
		font-size: 18px;
	}
	.review-content .yellow-text {
		display: inline-block;
	}
	.review-wrap {
		padding: 30px 0px 10px 0px;
	}
	/*.review-slider .slick-dots {
		left: 0;
		bottom: -30px;
	}*/
	.meet-content h3 {
		max-width: 100%;
		margin-bottom: 30px;
	}
	.services-area {
		text-align: center;
	}
	.service-info {
		padding-top: 40px;
	}
	.service-info p {
		max-width: 100%;
	}
	.news-latter-area #sigunup_area .ctct-inline-form {
		width: 80%;
	}
}

@media all and (max-width:767px) {
	.col-xs-12.col-md-12.pay_cancel_mkt.card-check-btn-chk{
		display: block;
	}
	.user-subs-plan{
		text-align: left;
	}
	.user-subs-plan ul li {
    padding-right: 0px!important;
    display: block;
    text-align: left;
	}
	.subs-plan-area h1 {
	  font-size: 22px;
	}
	.company-identity h4 {
		min-height: auto;
	}
	.review-slider {
		max-width: 100%;
	}
	.s-card-title {
		max-width: 80%;
		width: 100%;
	}
	.footer-info p {
		max-width: 100%;
	}
	.service-faq {
		max-width: 90%;
	}
	.s-card-title {
		font-size: 22px;
	}
	.sur-image img {
		max-width: 90%;
		padding-top: 0;
		padding-bottom: 20px;
	}
	.service-info ol {
		text-align: left;
	}
	.news-latter-area #sigunup_area .ctct-inline-form {
		width: 100%;
	}
	.quick-quote-form p {
		margin-bottom: 12px;
	}
	.navbar-brand {
		max-width: 160px;
	}
	.banner-wrapper {
		padding: 160px 0 130px 0;
		margin-top: 80px;
	}
	.banner-heading {
		padding: 10px 24px 10px 24px;
		font-size: 26px;
	}
	.banner-subheading {
		font-size: 18px;
	}
	.featured-content h2, .process-content h2, .quick-quote-form h2, .latest-content h2, .page-content-text h2, .info-slider h3.info-identity, .news-latter-content h2, .review-content h2 {
		font-size: 44px;
	}
	.featured-content p, .latest-content p, .page-content-text p {
		max-width: 100%;
	}
	.process-content p, .latest-content p {
		font-size: 18px;
	}
	.page-content .page-subheading {
		font-size: 28px;
	}
	.meet-content h3 {
		font-size: 34px;
		line-height: 44px;
	}
	.forms-check {
		margin: 0px 0 10px 0px;
	}
	.form-footer p:first-child {
	    margin-bottom: 20px;
	}
	.form-area .description-of-work .quote-submit, .form-area .description-of-work .print{
		display: block;
	}
	.form-area .description-of-work .print{
		margin-left: 0;
	}
	.form-area input.submit-btn {
	    width: 100%;
	}
}

@media all and (max-width:480px) {
	.banner-wrapper {
	  background-image: url(../images/banner-mobile.jpg);
	}
	.service-list-icon {
		padding-top: 15px;
	}
	.service-info {
		padding-top: 10px;
	}
	.sur-image img {
		margin: 0 auto;
		padding-top: 20px;
	}
	.info-slider p, .info-slider ul {
		font-size: 18px;
	}
	.info-wrapper {
		margin-top: -30px;
	}
	.service-list-wrap {
		padding: 30px 0 30px 0;
	}
	.info-slider .slick-prev.slick-arrow, .info-slider .slick-next.slick-arrow {
		font-size: 30px;
	}
	.full-info {
		padding: 0px !important;
	}
	.navigation-wrap {
		top: 34px;
	}
	.navigation-wrap {
		padding: 0 8px;
	}
	.navbar-brand {
		max-width: 130px;
	}
	.start-header.scroll-on .navbar-brand img {
		max-width: 90%;
	}
	.banner-wrapper {
		padding: 100px 8px;
	}
	.top-bar {
		padding: 10px 0;
		text-align: center;
	}
	.top-bar-content h5 {
		font-size: 12px;
		text-align: right;
	}
	.nav-item.dropdown {
		margin-bottom: 0;
	}
	.banner-heading {
		font-size: 18px;
		padding: 10px 15px 10px 10px;
	}
	.banner-subheading {
		font-size: 15px;
		padding: 10px 10px;
		line-height: 22px;
	}
	.ordernow-btn {
		padding: 10px 24px;
		font-size: 18px;
	}
	.featured-content h2, .process-content h2, .quick-quote-form h2, .latest-content h2, .review-content h2, .page-content-text h2, .info-slider h3.info-identity, .news-latter-content h2 {
		font-size: 36px;
	}
	.featured-content p, .review-wrap p, .page-content-text p {
		font-size: 18px;
	}
	.featured-wrapper {
		padding: 40px 8px;
	}
	.featured-list-content h3 a {
		font-size: 24px;
		padding-bottom: 10px;
	}
	.featured-list-content {
		padding: 20px;
	}
	.process-wrapper, .review-wrapper, .quick-quote-wrapper, footer, .page-content-wrapper {
		padding: 40px 8px;
	}
	.meet-area {
		padding: 0 8px;
	}
	.meet-wrapper {
		padding: 40px 0;
	}
	.process-image-wrap {
		padding-bottom: 30px;
	}
	.process-list {
		padding: 30px 0;
	}
	.process-list-content h3 {
		font-size: 24px;
	}
	.review-wrap .icon-quote-icon {
		font-size: 60px;
	}
	.input-field {
		margin: 10px 0;
	}
	.submit-btn {
		width: 100%;
		margin: 15px 0 30px 0;
	}
	.latest-news-wrapper {
		padding: 60px 0px 100px 0px;
	}
	.news-list-wrap {
		margin: 10px;
	}
	.latest-content {
		padding-left: 8px;
		padding-right: 8px;
	}
	.slick-next.slick-arrow {
		right: -80px;
	}
	.slick-prev.slick-arrow {
		left: -80px;
	}
	.py-4 {
		padding-bottom: 1rem!important;
	}
	.py-4 {
		padding-top: 1rem!important;
	}
	.featured-list {
		padding: 0 0 15px 0;
	}
	.footer-links h3 {
		font-size: 20px;
	}
	.subfooter-wrapper {
		padding: 20px 0;
	}
	.page-wrapper {
		padding: 120px 0 60px 0;
	}
	.page-content .page-subheading {
		font-size: 24px;
		padding: 10px 20px;
	}
	.company-info {
		margin: 20px 0;
	}
	.company-list {
		padding: 0 8px;
	}
	.service-list-wrap {
		padding: 20px 0;
	}
	.order-table-section {
		padding: 30px 16px;
	}
	.order-table-section .document-section li {
		margin-bottom: 8px;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: center !important;
	}
	div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		text-align: left !important;
		margin: 10px 0;
	}
	div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
		padding-right: 0;
		padding-left: 0;
	}
	div.dataTables_wrapper div.dataTables_info {
		padding-top: 0px !important;
	}
	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		width: 100%;
		overflow: scroll;
		margin: 0 auto;
		padding-left: 40px;
	}
	.news-latter-area {
		padding: 0 8px;
	}
	span.logo-title {
    line-height: 30px;
    font-size: 32px;
	 }
	.work-order-heading h3 {
    font-size: 20px;
    margin-top: 20px;
	}
	.work-logo-a img {
    width: 27%;
	}
	.work-order-heading h3{
		text-align: center;
	}
	.work-order-heading{	
    justify-content: center;
	}
	.description-of-work .quote-submit input {
    margin: 12px 0 !important;
    width: 100% !important;
	}
	.check_list {
	  width: 100%;
	}
	input.other_field, input.hour_field {
	  width: 210px;
	}
	.poff_power_form {
	  padding: 30px 0;
	}
	.work-main{
		padding: 22px;
	}
	.form_area_head{
		font-size: 23px;
	}
	.form-area-content h3, .single-form-area h3 {
	  font-size: 20px;
	}
	.wo-form-icon img {
	  width: 42PX;
	  height: 42PX;
	  object-fit: COVER;
	}
}

/** =============================
* Only for WO 5 responsive Css Start
* =========================== **/
@media all and (max-width:1366px) {
  body.wo-body .navbar-brand {
    max-width: 132px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  body.wo-body{
    font-size:14px;
  }
  .wo-body .form-area-content, .wo-body .single-form-area {
    padding: 10px 15px;
  }
  .wo-body .form_area_head{
    font-size:20px;
    padding: 8px 30px;
  }
  .wo-body .work-main {
    padding: 14px 30px;
  }
  .wo-body.wo-body-page .nexgen-address .form-control{
  	font-size: 14px;
  	height: 38px;
  }
  .wo-body.wo-body-page .order-table-section label, 
  .wo-body.wo-body-page .checkbox.move-right-checkbox.forms-check .box-label,
   .wo-body.wo-body-page  .nav-item ul .nav-item-sub .nav-link-sub {
    font-size: 14px;
	}
  .wo-body .form_area, .wo-body .time-required, .problem-concern span.error.error-required, .error,
  .wo-body.wo-body-page .order-table-section {
    font-size: 12px;
  }
  .wo-body .form-area-content h3, .wo-body .single-form-area h3 {
    font-size: 16px;
  }
  .wo-body.wo-body-page #submit_payment .form-control, .wo-body.wo-body-page .nexgen-edit-account .form-control{
    padding: 4px 20px;
    line-height: 24px;
    font-size: 12px;
    height: 38px;
	}
  .wo-body .text-notes{
    line-height: 21px !important;
  }
  .wo-body .single-form-area input {
    padding: 4px 20px;
    line-height: 24px;
    font-size:12px;
  }
  .wo-body .form-icon {
    font-size: 28px;
  }
  .wo-body .problem-concern input {
    margin: 0px 0 0px;
    font-size:12px; 
  }
  .wo-body .modal-footer .ok-submit, .wo-body button.btn.btn-secondary.cancel-submit{
    padding: 6px 40px;
    font-size:14px; 
  }
  .wo-body .modal-header h5 {
    font-size: 16px;
  }
  .wo-body .page-wrapper {
    padding: 58px 0 60px 0 !important;
  }
  .wo-body.wo-body-page .order-table-section h3.payment_h {
    font-size: 16px;
	}
  .wo-body.wo-body-page .page-wrapper{
  	padding: 80px 0 28px 0 !important;
  }
  .wo-body.wo-body-page .n-account-links li a, .wo-body.wo-body-page p,
  .wo-body.wo-body-page .page-content-text ul.datalist_points{
  	font-size: 14px !important;
  }
  .wo-body.wo-body-page .footer-logo {
    width: 140px;
	}
	.subfooter-wrapper {
    padding: 18px 0;
	}
  .wo-body .acc-pages .page-content-text h2, .wo-body.wo-body-page .page-content-text h2 {
    font-size: 36px;
  }
  .wo-body .submit-btn {
    padding: 4px 40px;
  }
  .wo-body .single-form-area textarea{
    line-height:22px;
  }
  .wo-body  .checkmark{
    height:22px;
    width:22px;
  }
  .wo-body  .width_auto {
    margin: 0px 20px 0 0;
  }
  .wo-body .date-box h3 {
    padding-top: 0px;
  }
  .wo-body .check_list li{
    margin-top: 10px;
  }
  .wo-body p.form-title {
    padding-bottom: 0px;
  }
  .wo-body .single-form-area h4 {
    font-size: 14px;
  }
  .wo-body #wo_subscribe .modal-body input {
    padding: 8px 12px;
    font-size: 14px;
    height: 38px;
  }
}

@media all and (max-width:768px) {
	.wo-body input#image-input {
	  width: 100%;
	}
	.wo-body .submit-btn{
	  width:auto;
	}
}

@media all and (max-width:767px) {
	.wo-body .radios_box .width_auto {
	  margin: 4px 20px 7px 0;
	}
}
/* --------------------------------------------
RESPONSIVE CSS ENDS
-------------------------------------------- */