@media (max-width: 1200px){
	#header li br{
		display:inline-block;
	}
}


@media (max-width: 980px){
	.profile_types .main_pics{
		aspect-ratio:0.65;
	}
}
@media (max-width: 790px){
	.profile_types .main_pics{
		aspect-ratio:0.55;
	}
}

@media (max-width: 800px){
	.footer_types .stripes a {
		line-height: 2.2rem;
		height: 2.2rem;
	}
	.footer_types .stripes{
		min-height: 2.2rem;
	}
	.footer_types .stripes a>div, 
	.footer_types .stripes a>span {
	    height: 1.6rem;
	    margin-top: 0;
	    line-height: 1.7rem;
	}
	.general_types.variant_2 .main_imgs{
		object-position: left;
	}
}

@media (min-width: 650px){
	.customers_types.variant_3 img{
	    grid-column: span 2;
	}
}

@media (min-width: 690px){
	.customers_types.variant_3 img:last-child{
		display: none;
	}
}
@media (min-width: 780px){
	.customers_types.variant_3 img:nth-child(4){
		display: none;
	}
}
@media (min-width: 900px){
	.customers_types.variant_3 img{
	    grid-column: span 1;
	}
	.customers_types.variant_3 img:nth-child(n){
		display: inline-block;;
	}
}
@media (min-width: 1000px){
	.profile_types .info_blocks {
		margin-top: 1%;
	}
}


@media (min-width: 18cm) {
    .mobile, 
    h1 .mobile, 
    h2.mobile, 
	.display_types img.mobile, 
	p.mobile,
	.magazine_types .buttons.mobile.more {
		display: none;
	}
}


@media (max-width: 18cm){
	:root{
		font-size: 20px;
		--mobile-margins: 0.8rem;
	}
	body{
		-webkit-text-size-adjust: 100%;
		-webkit-touch-callout: none !important;
	}
	img {
		-webkit-user-select: none !important;
	}
	a {
		/* min-height: 6vw; */
		/* font-size: 3.8vw; */
		/* line-height: 6vw; */
	}
	/*
	img.mobile,
    .mobile {
		display: inline-block;
	}
	*/
	.desktop, 
    h1 .desktop, 
	h2.desktop, 
	img.desktop.non_retina, 
	img.desktop.retina, 
	p.desktop, 
	h3.desktop {
		display: none;
	}
	#main_layer{
		padding-top: 3.7rem;
	}
	h1{
	padding-top: 2rem;
	}
	h2{
		text-align: left;
	}
	ul{
		width:100%;
	}
	#header{
		box-shadow: 0 0.2rem 0.4rem #777;
	}
	#header .always {
		grid-template-columns: 1fr auto;
		/* height: 4rem; */
		overflow: visible;
	}

	#header img {
		width: auto;
		/* height: 4rem; */
		padding: var(--mobile-margins) var(--mobile-margins);
		margin: 0;
		box-sizing: border-box;
	}
	#header .always ol {
		display: inline-block;
		position: fixed;
		right: 0;
		left: auto;
		top: 3.4rem;
		height: auto;
		box-shadow: 0 0.6rem 0.4rem #777;
		background: var(--bg-menu);
		transform-origin: top;
	}
	#header .always ol.hiding {
		opacity :0;
		top: 3.8rem;
		transform: scaleY(0);
	}
	#header .always ol.hiding a {
		display: none;
	}
	#header .always li {
		width: 100%;
		min-height: auto;
		font-size: 0.9rem;
		line-height: 2.5rem;
		padding: 0;
	}
	#header li span{
		top: 0;
		transform: none;
	}
	#header li br {
		display: none;
	}
	#menu_opener {
		float: right;
		opacity: 0.6;
	}
	#menu_opener.hiding {
		opacity: 1;
	}
	#menu_opener img {
	}
    
    
	.sections {
		min-width: auto;
		padding-top: 2rem;
	}
	.centered, 
	.display_types img.mobile {
		box-sizing: border-box;
		width: 100%;
		padding: 0 var(--mobile-margins);
		text-align: center;
	}
	.display_types {
		padding-top: 0;
	}
	.display_types img.desktop {
		display: none;
	}
	.display_types img.mobile {
		display: inline-block;
	}
	.display_types img.logos {
		position: absolute;
		top: auto;
		bottom: 0;
	}
	
	.display_types img.mobile.parallax{
		padding:0;
	}

	.general_types .buttons span, 
	.form_types .buttons span, 
	.customers_types .buttons span, 
	.profile_types .buttons span, 
	.gallery_types .buttons.more span, 
	.magazine_types .buttons.more span {
		padding: 0 4vw;
	}

	.general_types .first {
		padding-top: 2rem;
		padding-bottom: 0;
	}
	.general_types h3, .general_types.variant_3 h3, .general_types.variant_4 h3 {
		top: 0;
		width: 100%;
		min-height: 8vw;
		color: #000;
		font-size: 6.4vw;
		line-height: 8vw;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	.general_types .main_imgs {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-top: 2rem;
	}
	.general_types .text_boxes {
		width: 100%;
	}
	.general_types.mirrored .text_boxes{
		margin-right: 0;
	}
	.general_types .text_boxes p {
		text-align: justify;
	}
	.general_types .buttons, .form_types .buttons, 
	.customers_types .buttons, 
	.profile_types .buttons, 
	.gallery_types .buttons.more, 
	.magazine_types .buttons.more,
	.general_types.mirrored .buttons {
		min-width: initial;
		float: none;
		width: max-content;
		margin-top: 2rem;
	}
	.general_types .centered {
		/* padding-bottom: 1.5vh; */
		border-bottom: none;
	}
	.general_types .second, .magazine_types .second {
		margin-top: 0;
		text-align: center;
	}
	.general_types.last, .profile_types.last, .gallery_types.last {
		padding-bottom: 3rem;
		border: none;
	}
	.gallery_types ul, .gallery_types ol {
		margin: 3rem 0 0 0;
		width: 100%;
		grid-template-columns: 1fr 1fr;
	}
	.gallery_types li:nth-child(n+5) {
        display: none;
	}
	p.final {
		margin: 2rem auto;
		text-align: justify;
	}

	.gallery_types h3, .magazine_types h3, .customers_types h3, .form_types h3, .faq_types h3 {
		margin-top: 9vw;
		text-align: left;
		min-height: 8vw;
		font-size: 6.2vw;
		line-height: 8vw;
	}
	.magazine_types {
		padding-bottom: 9vw;
	}
	.magazine_types .second {
		margin-top: 5vh;
		width: 100%;
	}
	.magazine_types .left {
		width: 100%;
	}
	.magazine_types .left .top_imgs {
		width: 100%;
		height: auto;
	}
	.magazine_types .left img {
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.magazine_types .left h4 {
		margin-top: 5vh;
		min-height: 6vw;
		font-size: 5vw;
		line-height: 6vw;
	}
	.magazine_types .left p {
		margin-top: 3vh;
		min-height: 5.3vw;
		font-size: 4vw;
		line-height: 5.3vw;
	}
	.magazine_types .right {
		width: 100%;
		margin-top: 5vh;
	}
	.magazine_types .right li {
		padding: 3.5vw 3.5vw;
		margin-bottom: 5vw;
	}
	.magazine_types .right li:nth-child(n+3) {
		display: none;
	}
    .magazine_types .right li .circles {
		height: 23vw;
		width: 23vw;
		border-radius: 11.5vw;
	}
	.magazine_types .right li p {
		left: 30vw;
		top: 50%;
		margin-right: 3.5vw;
	}
	.magazine_types .buttons.mobile.more, 
	.customers_types .buttons.more {
		display: block;
	}
	p.final.desktop {
		display: none;
	}
	.customers_types .second {
		margin: 8vw 0;
		height: auto;
		width: 100%;
	}
	.customers_types .buttons {
	right: auto;
	}
	.customers_types .horizontal {
		width: 100%;
	}
	.customers_types .vertical {
		float:right;
		width: 33.5%;
	}
	.customers_types .left li {
		min-height: 7.45vw;
		font-size: 5vw;
		line-height: 7.45vw;
	}
	.customers_types ul{
		grid-template-columns: 1fr;
		padding-top: 0rem;
		margin-top: 2rem;
	}

	[name='HOME'] .general_types .second{
		margin-top: 3rem;
	}
	[name='HOME'] .general_types .centered{
		padding-bottom:0;
	}
    
	/*
        OFFERS
	*/
    
    .general_types.variant_2 {
    	border-top: 1px solid #000;
    	padding-bottom: 3rem;
    }
    .general_types.variant_2.first {
    	border-top: none;
    }
    .general_types.variant_2 .main_imgs {
		position: relative;
		width: 100%;
		}
    .general_types.variant_2 .text_boxes {
		width: 100%;
	}
    .general_types .text_boxes p {
		margin-top: 2rem;
		text-align: justify;
	}
	.general_types.variant_2 .text_boxes p span {
		margin-left: 3vw;
	}
	.general_types.variant_2 .text_boxes p span::before {
		left: -3vw;
	}
    
	/*
        TOP HOSTESSES
	*/
    
    .gallery_types.top_hostesses li {
		display: inline-block;
	}
    .gallery_types.top_hostesses li:nth-child(n+13) {
		/* display: none; */
	}
    
	/*
        SERVICES
	*/
    
	.general_types.variant_3 .text_boxes {
		width: 100%;
		overflow: hidden;
	}
	.general_types.variant_3 h3 {
		margin-top: 9vw;
		text-align: left;
	}
	.general_types.variant_3 .left {
		width: 100%;
		margin-top: 0;
	}
	.general_types.variant_3 .left img {
		width: auto;
		margin-top: 0;
		margin-right: 1vw;
		height: 20vw;
	}
    
	/*
        CUSTOMERS
	*/
    
	.customers_types.variant_2 h3 {
		text-align: left;
	}
	.customers_types.variant_2 .text_boxes {
		width: 47%;
		margin-left: 0;
		margin-right: 3%;
		float: left;
	}
	.customers_types.variant_2 li {
		margin-bottom: 0;
	}
	.customers_types.variant_2 .left li {
		width: 100%;
		margin-top: 0;
		margin-bottom: 1.5vw;
		min-height: auto;
		line-height: unset;
	}
	.customers_types.variant_2 .left li:nth-child(2n+1) {
		margin-right: 0;
	}
	.customers_types.variant_2 .left img {
		width: 100%;
	}
    
	/*
        THE AGENCY
	*/
    
	.general_types.variant_2.variant_4 {
		border: none;
	}
	.general_types.variant_4 h3 {
		text-align: left;
	}
	.general_types.variant_2.variant_4 {
		padding-bottom: 0;
		padding-top: 0;
	}
	.general_types.variant_2.variant_4._2nd {
		padding-top: 0;
	}
	.general_types.variant_2.variant_4 .text_boxes {
		margin-top: 2rem;
		margin-left: 0;
	}
	.general_types._2nd .main_imgs.right {
		margin-top: 5vw;
	}
	img.main_imgs.mobile {
		display: inline-block;
	}
	.general_types.variant_2.variant_4._4th .text_boxes {
	}
	.general_types.variant_4._4th h3 {
		width: auto;
	}
	.general_types.variant_4 a {
		border: none;
		margin-left: 0;
	}
	.general_types.variant_4 .icons {
		width: 9vw;
	}
	.general_types.variant_4._4th .text_boxes p {
		font-size: 0.8rem;
		min-height: auto;
		height: auto;
		float: left;
	}
	.general_types._4th h2{
	float: left;
	}
    
	/*
        WORK WITH US
	*/
    
	.customers_types.variant_3 {
		padding-top: 0;
		padding-bottom: 0;
	}
	.customers_types.variant_3 img {
		width: 100%;
		margin-right: 0;
		margin-top: 3vw;
		margin-bottom: 3vw;
	}
	.customers_types.variant_3 img.mobile {
		display: inline-block;
	}
	.customers_types.variant_3 .images_boxes {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.5rem;
		width: 100%;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.customers_types.variant_3 .images_boxes img {
		margin: 0;
	}
	.customers_types.variant_3 .images_boxes img:first-child {
		grid-column: span 2;
	}
	.customers_types.variant_3 .text_boxes {
		width: 100%;
	}
    .customers_types.variant_3 .text_boxes .numbs {
		position: relative;
		display: block;
		left: 0;
		width: 14vw;
		height: 14vw;
		font-size: 6vw;
		line-height: 14vw;
		border-radius: 7vw;
		margin: 4vw auto;
	}
	.customers_types.variant_3 .text_boxes li:before {
		display: inline-block;
		position: relative;
		left: 0;
		margin-bottom: 1rem;
	}
	.customers_types.variant_3 .text_boxes .buttons {
		position: relative;
		float: none;
		display: block;
		left: auto;
		margin: 2rem auto 2rem auto;
	}
    
	/*
        FAQ
	*/
    
	.faq_types {
		padding-top: 0;
		padding-bottom: 10vw;
	}
	.faq_types li {
		margin-top: 6vw;
	}
	.faq_types li div {
		background: #F0F0F0;
	}
	.faq_types li div span {
		position: relative;
		width: auto;
		/* padding-left: 5%; */
		/* padding-right: 5%; */
		/* line-height: 9vw; */
		/* height: 9vw; */
		font-size: 1rem;
		/* background: #fff; */
		transform: none;
	}
	.faq_types li div span qst {
		width: auto;
	}
	.faq_types li.expanded div span qst {
		width: auto;
	}
	.faq_types li div p {
		width: 100%;
		box-sizing: border-box;
		margin-left: 0;
		padding: 0.5rem 2.2rem 0.5rem 0.5rem;
		line-height: 1.2rem;
		/* min-height: 9vw; */
		font-size: 0.9rem;
	}
	.faq_types li.expanded div p {
		width: 100%;
		margin-left: 0;
	}
	.faq_types li a {
		/* top: 9vw; */
	}
	.faq_types li div img {
		/* right: 3%; */
		/* top: 50%; */
		margin-top: 3.5vw;
		/* width: 3vw; */
	}
	.faq_types li .answers {
		padding-top: 2vw;
	}
	.faq_types li .answers span {
		margin-left: 5vw;
	}
	.faq_types li .answers span::before {
		left: -5vw;
	}
    
	/*
        PROFILE
	*/
    
	.profile_types h1{
		float: left;
		width: 100%;
		height: auto;
	}
	.profile_types i {
		font-size: 0.7rem;
	}
	.profile_types h1 small {
		font-size: 0.7rem;
		margin-top: 0.5rem;
	}
	.profile_types .main_pics {
		width: 100%;
		height: auto;
		aspect-ratio:0.75;
		margin-top: 0;
	}
	.profile_types .info_blocks {
		width: 100%;
		padding-left: 0;
		padding-bottom: 5vw;
	}
	.profile_types .profile_data {
		margin-top: 1rem;
		text-align: left;
	}
	.profile_types .profile_data ol {
		width: 100%;
	}
	.profile_types .profile_data li,
	.profile_types .right>div {
		margin-bottom: 1rem;
	}
	.profile_types .profile_data span:nth-child(2n+1),
	.profile_types .profile_data dt {
		/* min-width: auto; */
		/* padding-right: 4vw; */
	}
	.profile_types .profile_data span,
	.profile_types .profile_data dt,
	.profile_types .profile_data dd {
		font-size: 1.2rem;
		line-height: 1.4rem;
		/* min-height: 10vw; */
		text-align: left;
	}
	.profile_types .right {
		width: 100%;
	}
	.profile_types .right span:nth-child(2n) {
		margin-bottom: 0;
	}
	.profile_types .thumbs_containers {
		grid-template-columns: 1fr 1fr;
	}
    
	/*
        QUOTE
	*/
    
	.form_types {
		padding-bottom: 2rem;
	}
	.form_types h2{
	    margin-top: 1rem;
	    margin-bottom: 2rem;
	}
	.form_types ol {
		width: 100%;
	}
	.form_types ol.right {
        margin-top: 0;
    }
	.form_types ol.left,
	.form_types ol.right  {
		float: none;
	}
	.sections.form_types .buttons {
		position: relative;
		width: 10rem;
		left: auto;
		margin: 2rem auto 0 auto;
	}
	.form_types .messages {
		width: 100%;
		margin-bottom: 2rem;
	}
	.form_types .sending_texts {
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
	}
	.footer_types{
		padding-top: 0;
	}
	.footer_types .left {
		width: 100%;
		z-index: 2;
		margin-top: 5vw;
		margin-bottom: 3vw;
	}
	.footer_types .left .logos {
		display: inline-block;
		margin: 0;
		float: right;
		width: 50.5%;
		height: auto;
	}
	.footer_types .left .logos ._0 {
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.footer_types .left .logos._1 {
		height: auto;
		width: 39.5%;
		margin: 0;
		margin-right: 10%;
	}
	.footer_types .right {
		width: 100%;
		margin: 0;
	}
	.footer_types .right li {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0;
		margin-bottom: 3vw;
	}
	.footer_types .right li * {
		margin-left: 0;
		height: auto;
		width: 7%;
		margin-right: 5%;
	}
	.footer_types .right li span, 
	.footer_types .right li a {
		font-size: 4vw;
		line-height: 6vw;
		height: 6vw;
		width: 76%;
		min-width: auto;
		margin: 0;
	}
	.footer_types .bg {
		position: relative;
		width: 100%;
		left: 0;
		opacity: 0.3;
	}
	.footer_types .stripes.last{
		min-height: 0;
	}
	.footer_types .stripes .three{
		grid-template-columns: 1fr;
	}
	.footer_types .stripes a{
		margin: 0.4rem 0;
	}
	.footer_types .stripes a:has(img){
		/* margin: 0.6rem 0; */
		box-sizing: border-box;
	}

	.footer_types .stripes a>div, 
	.footer_types .stripes a>span {
		height: 1.8889rem;
		/* margin-top: 0.4444rem; */
		line-height: 2rem;
	}
    
}







@media (min-width: 1254px){
    .top_hostesses .centered {
		width:1254px;
	}
	.top_hostesses li:nth-child(-1n+32) {
		display: inline-block;
	}
}
@media (min-width: 1408px){
    .top_hostesses .centered {
		width:1408px;
	}
	.top_hostesses li:nth-child(-1n+36) {
		display: inline-block;
	}
}
@media (min-width: 1562px){
    .top_hostesses .centered {
		width:1562px;
	}
	.top_hostesses li:nth-child(-1n+40) {
		display: inline-block;
	}
}


/*
 RETINA images
*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	img.mobile.retina, 
	img.mobile.non_retina, 
	img.non_retina {
		display: none;
	}
	img.retina {
	    display: inline-block;
	}
}

/*
  RETINA images up to 18cm
*/
@media 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 18cm),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 18cm),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 18cm),
only screen and (min-device-pixel-ratio: 2) and (max-width: 18cm),
only screen and (min-resolution: 192dpi) and (max-width: 18cm),
only screen and (min-resolution: 2dppx) and (max-width: 18cm) {
	img.desktop.retina, 
	img.desktop.non_retina, 
	img.mobile.non_retina {
		display: none;
	}
	img.mobile.retina {
		display: inline-block;
	}
}


@media (max-width: 18cm){
	.form_types .input_fields.halves{
		width: 100%;
	}
	.form_types .input_fields.halves:nth-of-type(even){
		margin-left: 0;
	}
	.input_fields select{
		padding-right: 7vw;
		background-position: right 2vw center;
		background-size: 3vw 1.8vw;
	}
}

@media (max-width: 18cm) {
	/* The footer strip stacks to a single column on small screens; the rating follows suit. */
	.footer_types .stripes .four{
		grid-template-columns: 1fr;
	}
	.footer_types .stripes a.google_rating{
		grid-template-columns: auto auto;
		justify-content: center;
	}
}
