/*** mobile + tablet ***/
.nondesktop-show { display: none !important; }
.device-mobile .desktop-show { display: none !important; }
.device-mobile .nondesktop-show { display: block !important; }

@media (max-width: 1280px) {
	#debug-responsive { background: black; }
	
	body { font-size: calc(11px + 7 * (100vw / 1240)); }
	h1 { font-size: calc(18px + 22 * (100vw / 1240)); }
	h2, h3 { font-size: calc(24px + 30 * (100vw / 1240)); }
	.lead { font-size: calc(14px + 10 * (100vw / 1240)); }
	.btn { font-size: calc(12px + 10 * (100vw / 1240)); }
	.hero-btns .btn { font-size: calc(14px + 12 * (100vw / 1240)); }
	#lang-switcher a { font-size: calc(9px + 9 * (100vw / 1240)); }
	.phone .phone-number a { font-size: calc(13px + 27 * (100vw / 1240)); }
	.footer-contacts .phones { font-size: calc(20px + 10 * (100vw / 1280)); }
	
}

/*** LG -> MD ***/
@media (max-width: 1200px) {
	#debug-responsive { background: lime; }

}
@media (max-width: 1155px) {
	#debug-responsive { background: blue; }

}



@media (max-width: 1055px) {
	#debug-responsive { background: green; }
}




@media (max-width: 1024px) {
	#debug-responsive { background: white; }

	
	.container { padding-left: 30px; padding-right: 30px; }
	.row { margin-left: -7.5px; margin-right: -7.5px; }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
	.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
	.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
	.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
	.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
	.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
	.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
	.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
	.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
	.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
	.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
	.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding-left: 7.5px;
		padding-right: 7.5px;
	}


	h2, h3 { font-size: calc(18px + 26 * (100vw / 1240)); }

	#logo { width: 400px; top: 7vh; }
	#lang-switcher { top: 2vh; }
	#hero-socials { top: 8vh; }
	
	#hero-bottom { padding: 30px 0; }
	.phone .phone-icon { flex: 0 0 50px; margin-right: 20px; }
	.phone.vodafone .phone-icon img { width: 50px; }
	.phone .phone-number a { font-size: calc(13px + 22 * (100vw / 1240)); }
	
	.section { padding: 50px 0; }
	hr { top: -50px; }
	h2, h3 { margin-bottom: 20px; }
	
	#gallery { padding-top: 25px; }
	.icon-items .icon-item .icon-icon em { font-size: 60px; }

	footer { font-size: 12px; padding: 20px 0; }
	.footer-contacts .phones { font-size: calc(15px + 10 * (100vw / 1280)); }
}

/*** col-sm ***/
@media (max-width: 991px) {
	#debug-responsive { background: yellow; }
	
	#logo { width: 300px; top: 7vh; }
}


@media (max-width: 860px) {
	#debug-responsive { background: blue; }
	
	.phone .phone-number a { font-size: 24px; }
	.hero-btns .btn { padding: 10px 30px; }
	
	.contact-item .contact-icon { flex: 0 0 60px; }
	.contact-item .contact-icon em { font-size: 30px; }
	.form-control { font-size: 16px; }
	
	footer { font-size: 9px; }
	.footer-contacts .phones { font-size: calc(13px + 10 * (100vw / 1280)); }
	
}


/*** iPad exactly ******************************************************************/
@media (max-width: 768px) {
	#debug-responsive { background: orange; }
	
}




/*** MOBILE ***/
@media (max-width: 767px) {
	#debug-responsive { background: yellow; }

	body { font-size: calc(13px + (7 + (7 * 0.7) * (100vw - 320 / 1240))); }
	h2, h3 { line-height: 1.3; }
	
	.footer-contacts .phones a:first-of-type { margin-right: 20px; }

}
@media (max-width: 650px) {
	#debug-responsive { background: red; }
	
	#hero-bottom { padding: 20px 0 10px; }
	.hero-btns .btn { font-size: 18px; padding: 8px 20px; margin-right: 10px; }
	.hero-phones { display: block; }
	.phone { margin: 0 0 10px; text-align: center; }
	.phone, .phone.vodafone, .phone .phone-icon, .phone.vodafone .phone-icon { flex: none; text-align: left; }
	.phone .phone-icon img, .phone.vodafone .phone-icon img { width: 30px; }
	.phone .phone-icon { display: inline-block; }
	
	.icon-items { display: block; }
	.icon-items .icon-item .icon-icon { flex: 0 0 60px; }
	.icon-items .icon-item .icon-icon em { font-size: 45px; }
	
}
@media (max-width: 568px) {
	#debug-responsive { background: green; }
	
	.container { padding-left: 15px; padding-right: 15px; }
	
	#logo { width: 250px; }
	#hero-socials a { font-size: 21px; width: 44px; height: 44px; }
	#hero-socials a em { line-height: 42px; }
	#hero-cnt { padding: 150px 0 0; }
	h1 { font-weight: 400; }
	.lead { font-size: calc(12px + 10 * (100vw / 1240)); }
	.hero-btns .btn { font-size: 16px; }

	.flex-row { display: block; }
	.section-img { margin-bottom: 25px; }
	.section-text { padding-left: 0; }
	
	
	.section-inverse { background-image: none; }
	.section { padding: 35px 0; }
	hr { top: -35px; }
	h2, h3 { font-size: 28px; margin-bottom: 20px; text-align: center; }
	
	#section-pluses li { padding-left: 50px; }
	.icon-items .icon-item .icon-text { padding-right: 0; }
	
	.column-contacts { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #555; }
	#contact-form .form-control { width: 100%; }
	#contact-form .form-submit { text-align: center; }
	
	footer { text-align: center; }
	.footer-logo { width: 150px; margin: 0 auto 20px; }
	.footer-contacts { padding: 0; }
	.link-agency { width: 70px; margin: 20px auto 0; }
	
}
@media (max-width: 480px) {
	#debug-responsive { background: violet; }
	
	body { font-size: 14px; }
	
	.hero-btns .btn { font-size: 14px; padding: 7px 15px; }

	#section-intro .section-img { max-height: 50vw; overflow: hidden; }
	#section-intro .section-img img { margin-top: -10vw; }
	
	
}
/*** iPhone X Max ***/
@media (max-width: 414px) {
	#debug-responsive { background-color: aqua; }
	
	#logo { width: 220px; }
	#hero-socials a { font-size: 19px; width: 40px; height: 40px; }
	#hero-socials a em { line-height: 38px; }
	#hero-cnt { padding: 130px 0 0; }

	.hero-btns .btn { font-size: 13px; padding: 7px 12px; }
}

@media (max-width: 360px) {
	#debug-responsive { background: yellow; }

	body { min-width: 360px; }
	
	#logo { width: 200px; }
	

}
@media (max-width: 320px) {
}