@media (max-width: 1200px) {
	.container-header {
		width: 100%;
	}
}

@media (max-width: 1200px) {
	#header .logo {
		max-width: 150px;
		max-height: 30px;
	}
	#header .menu-col {
		padding: 20px 0 20px 20px;
	}	
	#header {
		height: 68px;
	}	
	
	
	
}


@media (max-width: 992px) {
  #header,
  #header.header-sticky {
    height: 62px !important;
  }

  #header .menu-col .menu-wrapper {
    display: none;
  }

  #header .trigger-col {
    display: table-cell;
  }

  #header .logo-col,
  #header .menu-col {
    padding: 0;
    height: 62px !important;
  }

  #header.header-sticky .logo-col,
  #header.header-sticky .menu-col {
    padding: 0;
    height: 62px !important;
  }

  #header.header-sticky .logo-col,
  #header .logo-col {
    width: 150px !important;
  }

  #header .logo,
  #header.header-sticky .logo {
    max-width: 134px !important;
    max-height: 50px !important;
  }

  .menu-wrapper {
    max-width: 550px;
    float: right;
    width: 100%;
    font-size: 1.1em;
  }

  #list,
  #page,
  #system,
  #plugins,
  #forums,
  .home-noslider {
    padding-top: 104px !important;
  }

  .brnomobile {
    display: none;
  }
  
 .phone-col .btn-phone {
    font-size: 1em;
    padding: 8px 12px;
	} 

}

@media (max-width: 768px) {

  .responsive-form .form-row {
    display: block !important;
  }

  .responsive-form .form-label,
  .responsive-form .form-field {
    width: 100%;
    float: none;
    max-width: 100%;
    padding: 10px 0 0 0px;
  }

  .responsive-form .form-label {
    padding: 20px 0 0 0px;
  }

  .responsive-form .form-field {
    border-bottom: 1px solid #f1efef;
    padding-bottom: 15px;
  }

  .responsive-form .form-label label {
    font-weight: 600;
    color: #555555;
  }

  .resp-table {
    display: block;
    width: 100%;
  }

  .resp-hide {
    display: none !important;
  }

  .resp-table-head {
    display: none;
  }

  .resp-table-body {
    display: block;
    width: 100%;
  }

  .resp-table-row {
    display: block;
    width: 100%;
    clear: both;
    padding: 10px 0;
  }

  .resp-table-row:before,
  .resp-table-row:after {
    content: ' ';
    display: block;
  }

  .resp-table-row:after {
    clear: both;
  }

  .resp-table-td {
    display: block;
    padding: 5px 10px;
  }

  .resp-table-td::before {
    content: attr(data-label);
    clear: both;
    display: block;
    color: #ccc;
  }

  .resp-table-td::after {
    content: attr(data-afterlabel);
    clear: both;
    display: inline-block;
    color: #ccc;
  }

  .users-maingrp,
  .users-country,
  .users-regdate {
    width: 33% !important;
    float: left !important;
    text-align: left !important;
    padding-bottom: 5px;
  }

  .users-pm {
    position: absolute;
    right: 0;
    top: 10px;
    width: auto !important;
    z-index: 10;
  }

  .pfs-td-delete,
  .pfs-td-edit,
  .pfs-td-viewcounts,
  .pfs-td-setasample {
    text-align: left !important;
  }

  .pfs-td-stndl {
    position: absolute;
    top: 5px;
    right: 0px;
    text-align: right !important;
  }

  .pfs-td-delete,
  .pfs-td-edit,
  .pfs-td-setasample {
    width: 33% !important;
    float: left !important;
    text-align: center !important;
    padding-bottom: 5px;
  }

  .pfs-td-size,
  .pfs-td-update {
    width: 50% !important;
    float: left !important;
    text-align: left !important;
  }

  .pfs-td-title {
    clear: both;
  }

  .pff-td-folder,
  .pff-td-type,
  .pff-td-files,
  .pff-td-size,
  .pff-td-updates,
  .pff-td-hits,
  .pff-td-delete,
  .pff-td-edit {
    text-align: left !important;
  }

  .pff-td-delete,
  .pff-td-edit {
    width: 40px !important;
    float: left !important;
    text-align: left !important;
    padding-bottom: 5px;
  }

  .maingrp-table {
    display: block;
    width: 100%;
  }

  .maingrp-td-icon,
  .maingrp-td-title {
    display: block;
    width: 100%;
  }

  .search-form select {
    width: 100%;
  }

  .pl-search-date,
  .pl-search-poster,
  .pl-search-owner {
    width: 50% !important;
    float: left !important;
    text-align: left !important;
  }
  .pl-search-poster,
  .pl-search-owner {
    text-align: right !important;
  }

  .pl-whosonline-guest {
    display: none;
  }
  
	.offer-title h1 {
		font-size: 3.5em;
		line-height: 1.35em;
	} 
  
}

@media (max-width: 660px) {
	.offer-title h1 {
		font-size: 3.1em;
		line-height: 1.35em;
	} 
	
	.offer-buttons .offer-btn-red {
		margin-right: 18px;
		margin-bottom: 24px;
	}
	
	.offer-desc {
		font-size: 1.25em;
	}

	#offer {
		max-height: none;
		overflow: auto;
	}
	
	/*
	.offer-body {
		flex-wrap: nowrap;
	}	
	*/
	
	
}

@media (max-width: 992px) {
	#services {
		padding: 52px 0;
	}
	
	#about {
		padding: 62px 0;
	}
	
	.about-grid {
		margin: 0 auto;
	}
	
	.about-col-text {
		order: 1;
	}
	
	.about-col-media {
		order: 2;
		margin-top: 34px;
	}
	
	#howorks {
		padding: 72px 0;
	}
	
	.howorks-title {
		max-width: none;
	}
	
	.howorks-step-desc {
		max-width: none;
	}
	
	#productions {
		padding: 62px 0;
	}
}

@media (max-width: 991px) {
	#about .section-title,
	.about-desc,
	.about-features,
	.about-quote,
	.about-grid {
		max-width: 100%;
	}

	.howorks-num:before,
	.howorks-steps > div:first-child .howorks-num:before {
		display: block;
	}
}

@media (max-width: 992px) and (min-width: 768px) {
	.how-col {
		margin-bottom: 24px;
	}
}

@media (max-width: 768px) {
	.services-box {
		padding: 22px 22px 18px 22px;
	}
	
	.services-title h3 {
		font-size: 1.2em;
	}
	
	.services-desc {
		font-size: 1.02em;
	}
	
	.about-features {
		flex-direction: column;
		gap: 18px;
	}
	
	.about-feature {
		flex: 1 1 100%;
		min-width: 0;
	}
	
	.about-grid {
		gap: 18px;
	}
	
	.about-grid-col {
		gap: 18px;
	}
	
	.about-grid-col--right {
		margin-top: 42px;
	}
	
	.howorks-title h2 {
		font-size: 2.3em;
	}
	
	.howorks-steps {
		padding-top: 28px;
	}
	
	.howorks-step {
		padding-top: 10px;
	}
	
	.howorks-step-title {
		padding-top: 56px;
	}
	
	.howorks-num {
		font-size: 2.9em;
	}

	.howorks-step {
		position: relative;
		padding: 30px;
		border: 1px solid #bdb76b26;
		border-radius: 15px;
		background: #bdb76b26;
		margin-top: 0;
		margin-bottom: 12px;
	}
	
	.howorks-num {
		position: relative;
	}
	
	.howorks-step-title {
		padding-top: 20px;
	}
	
	.howorks-num:before,
	.howorks-steps > div:first-child .howorks-num:before {
		display: none;
	}

	.gallery-media {
		padding: 18px;
	}

	.gallery-title {
		padding-top: 12px;
	}

	.materials-col {
		margin-top: 14px;
	}
	
	.materials-card {
		grid-template-columns: 70px 1fr;
		gap: 14px;
		padding: 18px;
	}
	
	.materials-card-img {
		width: 70px;
		height: 70px;
	}
	
	.materials-card-title {
		font-size: 1.02em;
	}

	.trust-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px 18px;
	}
	
	.trust-label {
		padding-top: 8px;
		font-size: 0.7em;
		letter-spacing: 0.16em;
	}
	
	/*
	#order {
		padding: 56px 0 64px 0;
	}
	*/
	
	.order-contact-col {
		order: 1;
		margin-bottom: 32px;
	}
	
	.order-form-col {
		order: 2;
	}
	
	.order-form-row--double {
		grid-template-columns: 1fr;
		gap: 0;
		margin-bottom: 18px;
	}
	
	.order-form-row--double .order-form-field {
		margin-bottom: 18px;
	}
	
	.order-form-row--double .order-form-field:last-child {
		margin-bottom: 0;
	}
	
	.order-form-card {
		padding: 28px 22px 32px 22px;
	}

	#footer {
		padding: 44px 0 0 0;
	}
	
	.footer-col {
		margin-bottom: 24px;
	}
	
	.footer-desc {
		max-width: none;
	}
	
	.footer-map-placeholder {
		min-height: 180px;
	}
	
	.footer-bottom {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 18px 0 22px 0;
		margin-top: 24px;
	}
	
}

@media (max-width: 570px) {
	body {
		font-size: 14px;
	}

	.btn-phone span {
		display: none;
	}
	
	#header .phone-col {
		width: auto;
	}	
	
	.phone-col .btn-phone {
		font-size: 1em;
		padding: 8px 8px;
		width: 32px;
		height: 32px;
		margin-right: 10px;
	}	
	
	.phone-col .btn-phone i {
		vertical-align: middle;
	}

	.section-title h2,
	.section-title h1 {
		font-size: 2.3em;
	}
	
	.section-desc {
		font-size: 1.2em;		
	}	

	ul.tabs li a {
		padding: 8px 15px 8px 15px;
	}
	
	#offer {
		min-height: 860px;
	}	

	.offer-title h1 {
		font-size: 2.6em;
		line-height: 1.25em;
	}

	.offer-desc {
		font-size: 1.2em;
		padding: 30px 0 20px 0;
	}

	.offer-label {
		padding: 6px 10px;
		font-size: 0.9em;
		line-height: 1;
	}
		
	 .offer-box {
		padding-top: 62px;
	} 

	.offer-regards-box {
		padding-top: 40px;
		margin-top: 50px;
	}

	.offer-btn-red,
	.offer-btn-green-line {
		padding: 12px 30px;
	}

	.offer-regards-item:first-child {
		display: table-cell;
		width: 25%;
	}  

	.offer-regards-desc {
		font-size: 1em;
	}
	
	#services {
		padding: 42px 0;
	}
	
	.col-services {
		margin-top: 22px;
	}
	
	.services-tags {
		padding-top: 14px;
		margin-top: 14px;
	}
	
	.services-tags span {
		padding: 6px 10px;
		font-size: 0.8em;
	}
	
	#about {
		padding: 52px 0;
	}
	
	.about-grid {
		gap: 14px;
	}
	
	.about-grid-col {
		gap: 14px;
	}
	
	.about-grid-col--right {
		margin-top: 28px;
	}
	
	.about-stat {
		padding: 18px 18px;
		min-height: 110px;
	}
	
	.about-stat-title {
		font-size: 2.1em;
	}
	
	.about-desc {
		font-size: 1em;
	}
	
	.about-quote {
		padding: 16px 18px 16px 18px;
	}
	
	#howorks {
		padding: 58px 0;
	}
	
	.howorks-title h2 {
		font-size: 2.1em;
	}
	
	.howorks-desc {
		font-size: 1em;
	}
	
	.howorks-steps {
		padding-top: 18px;
	}
	
	.howorks-step {
		padding: 26px;
	}
	
	.howorks-step-title {
		padding-top: 18px;
	}
	
	.howorks-num {
		font-size: 2.7em;
	}
	
	#productions {
		padding: 52px 0;
	}
	
	.productions-col {
		margin-top: 22px;
	}
	
	.prod-title {
		padding-top: 14px;
	}
	.trust-logo {
		height: 86px;
	}	
  
}

@media (max-width: 420px) {
	
	.section-title h2,
	.section-title h1 {
		font-size: 2.2em;
	}	
	
	.section-desc {
		font-size: 1.1em;		
	}
	
}