@media (min-width: 992px) and (max-width: 1199px) {

	.section-1-box .section-1-box-icon { width: 60px; height: 60px; font-size: 32px; line-height: 60px; }
	
	.top-content .carousel-caption { bottom: 100px; }
	.partners-img-1 {padding-top: 160px}
	.partners-img-2 {padding-top: 40px}
	.header-title-2 {padding-top: 30px}

.header-contacts {
	width: 100%;
	height: 800px;
	margin-top: -20px;

}

	.contacts-box {
	width: 100%;

}
	


	.navbar-expand-md .navbar-nav .nav-link { padding-left: 0.6rem; padding-right: 0.6rem; }
	
	.top-content .carousel-caption { bottom: 60px; }

	.section-description p { padding: 0; }
	
	.section-1-box .section-1-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; }
	
	.section-3-box .section-3-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; }
	h1, h2 { font-size: 32px; }
	
	.top-content h1 { font-size: 18px; }
	.navbar {margin-top: 0px; }
	.header-home, .header-gallery {height: 420px;}
	.zoom-block-1, .zoom-block-2 { height: 420px;}
	h1.header-title {padding:220px 20px 0;}
	h1, h2 { margin-top: 10px; font-size: 24px; font-weight: 300; color: #555; line-height: 28px;  }
	h2.main-title {
    margin-top: 22px;
    font-size: 20px;}
    .w500 {width: 100%}

    .mt-100 {margin-top: 30px}
	.mt-150 {margin-top: 50px}
	.mt-200 {margin-top: 70px}
	.mb-100 {margin-bottom: 50px}
	.mb-150 {margin-bottom: 50px}
	.mb-200 {margin-bottom: 100px}
	.pl-50-per{padding-left: 50%!important;}

	.f18 {font-size: 14px}

	h4.sub-title {font-size: 16px;}
	.header-partners img {max-height: 55px; max-width: 70px; margin: 10px;}
	.partners-img-1 {padding-top: 180px}
	.partners-img-2 {padding-top: 30px}


.header-contacts {
	width: 100%;
	height: 800px;
	margin-top: -20px;

}

	.contacts-box {

	border-radius: 6px;
	box-shadow: 0 0 16px 16px rgba(0, 0, 0, .16);
	padding: 10px 20px;
	width: 100%;
	}

p {font-size: 14px; line-height: 22px}
h3 {font-size: 18px; line-height: 22px}
h4.sub-title {font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top: 20px!important; margin-bottom: 5px;}


.container-fluid {padding-top: 10px;}
.navbar-toggler {margin-right: 10px;}

.about-block-1 {height: 300px}
.about-block-2 {height: 300px}
.about-block-3 {height: 300px}

h1.header-title-2 {padding: 20px}
.w50 {width: 70%!important;}

}

@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-expand-md .navbar-nav .nav-link { padding-left: 0.6rem; padding-right: 0.6rem; }
	
	.top-content .carousel-caption { bottom: 60px; }

	.section-description p { padding: 0; }
	
	.section-1-box .section-1-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; }
	
	.section-3-box .section-3-box-icon { width: 50px; height: 50px; font-size: 26px; line-height: 50px; }
	h1, h2 { font-size: 32px; }
	
	.top-content h1 { font-size: 18px; }
	.navbar {margin-top: 0px; }
	.header-home, .header-gallery {height: 320px;}
	.zoom-block-1, .zoom-block-2 { height: 320px;}
	h1.header-title {padding:180px 20px 0;}
	h1, h2 { margin-top: 10px; font-size: 20px; font-weight: 300; color: #555; line-height: 26px;  }
	h2.main-title {
    margin-top: 20px;
    font-size: 22px;}
    .w500 {width: 100%}

    .mt-100 {margin-top: 30px}
	.mt-150 {margin-top: 50px}
	.mt-200 {margin-top: 70px}
	.mb-100 {margin-bottom: 50px}
	.mb-150 {margin-bottom: 50px}
	.mb-200 {margin-bottom: 100px}
	.pl-50-per{padding-left: 50%!important;}

	.f18 {font-size: 14px}

	h4.sub-title {font-size: 16px;}
	.header-partners img {max-height: 55px; max-width: 70px; margin: 10px;}
	.partners-img-1 {padding-top: 180px}
	.partners-img-2 {padding-top: 30px}


.header-contacts {
	width: 100%;
	height: 800px;
	margin-top: -20px;

}

	.contacts-box {

	border-radius: 6px;
	box-shadow: 0 0 16px 16px rgba(0, 0, 0, .16);
	padding: 10px 20px;
	width: 100%;

}

p {font-size: 14px; line-height: 22px}
h3 {font-size: 18px; line-height: 22px}
h4.sub-title {font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top: 20px!important; margin-bottom: 5px;}
.w50 {width: 60%!important;}


.container-fluid {padding-top: 10px;}
.navbar-toggler {margin-right: 10px;}



h1.header-title-2 {padding: 20px}
.about-block-1 {height: 250px}
.about-block-2 {height: 250px}
.about-block-3 {height: 250px}

}

@media (max-width: 767px) {
	
	.navbar.navbar-no-bg { background: rgba(18, 17, 12, 0.7); }
	.navbar-dark .navbar-toggler { border-color: #444; }
	.navbar-dark .navbar-toggler:focus { background: #333; outline: 0; }
	.navbar-expand-md .navbar-nav .nav-link { padding-top: 0.3rem; padding-bottom: 0.3rem; }
	
	.top-content .carousel-caption { bottom: 20px; }
	.top-content .carousel-indicators { display: none; }
	.top-content h1 { font-size: 22px; }
	.top-content .description { margin: 10px 0 0 0; }
	
	.section-description p { padding: 0; }
	
	.section-1-container { padding-bottom: 60px; }
	.section-1-box { text-align: center; }
	.section-1-box h3 { margin-top: 20px; padding-top: 10px; }
	
	.section-3-box { text-align: center; }
	.section-3-box h3 { margin-top: 20px; padding-top: 10px; }
	.header-partners img {max-height: 75px; max-width: 90px; margin: 10px;}
	.partners-img-1 {padding-top: 80px}
	.partners-img-2 {padding-top: 20px}
	.header-title-2 {padding-top: 30px}


	h1, h2 { font-size: 32px; }
	
	.top-content h1 { font-size: 18px; }
	.navbar {margin-top: 0px; }
	.header-home, .header-gallery {height: 250px;}
	.zoom-block-1, .zoom-block-2 { height: 250px;}
	h1.header-title {padding-top: 120px}
	h1, h2 { margin-top: 10px; font-size: 20px; font-weight: 300; color: #555; line-height: 26px;  }
	h2.main-title {
    margin-top: 20px;
    font-size: 20px;}
    .w500 {width: 100%}

    .mt-100 {margin-top: 30px}
	.mt-150 {margin-top: 50px}
	.mt-200 {margin-top: 70px}
	.mb-100 {margin-bottom: 50px}
	.mb-150 {margin-bottom: 50px}
	.mb-200 {margin-bottom: 100px}
	.pl-50-per{padding-left: 50%!important;}

	.f18 {font-size: 14px}
	.w50 {width: 50%}
	h4.sub-title {font-size: 16px;}
	.header-partners img {max-height: 55px; max-width: 70px; margin: 10px;}
	.partners-img-1 {padding-top: 120px}
	.partners-img-2 {padding-top: 20px}


.header-contacts {
	width: 100%;
	height: 800px;
	margin-top: -20px;

}

	.contacts-box {

	border-radius: 6px;
	box-shadow: 0 0 16px 16px rgba(0, 0, 0, .16);
	padding: 10px 20px;
	width: 100%;

}

p {font-size: 14px; line-height: 22px}
h3 {font-size: 18px; line-height: 22px}
h4.sub-title {font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top: 20px!important; margin-bottom: 5px;}
.w50 {width: 100%}


.container-fluid {padding-top: 10px;}
.navbar-toggler {margin-right: 10px;}
/*.about-block-1 {height: 250px}
.about-block-2 {height: 250px}
.about-block-3 {height: 250px}
*/


.navbar-dark .navbar-nav .active > .nav-link {border-bottom: 0; background-color: rgba(255, 255, 255, 0.3); }
.navbar-dark .navbar-nav .active > a.lang { background: none; }
.navbar-dark .navbar-nav :hover > .nav-link {border-bottom: 0}

 

.navbar-collapse {padding-bottom: 20px;}	
}

@media (max-width: 575px) {
	
	.top-content .carousel-caption { bottom: 0; }
	.top-content h1 { font-size: 18px; line-height: 30px; }
	.top-content .description { display: none; }

}

@media (max-width: 415px) {
	
	h1, h2 { font-size: 32px; }
	
	.top-content h1 { font-size: 18px; }
	.navbar {margin-top: 0px; }
	.header-home, .header-gallery {height: 250px;}
	.zoom-block-1, .zoom-block-2 { height: 250px;}
	h1.header-title {padding-top: 120px}
	h1, h2 { margin-top: 10px; font-size: 20px; font-weight: 300; color: #555; line-height: 26px;  }
	h2.main-title {
    margin-top: 20px;
    font-size: 20px;}
    .w500 {width: 100%}

    .mt-100 {margin-top: 30px}
	.mt-150 {margin-top: 50px}
	.mt-200 {margin-top: 70px}
	.mb-100 {margin-bottom: 50px}
	.mb-150 {margin-bottom: 50px}
	.mb-200 {margin-bottom: 100px}
	.pl-50-per{padding-left: 50%!important;}

	.f18 {font-size: 14px}
	.w50 {width: 50%}
	h4.sub-title {font-size: 16px;}
	.header-partners img {max-height: 55px; max-width: 70px; margin: 10px;}
	.partners-img-1 {padding-top: 120px}
	.partners-img-2 {padding-top: 20px}


.header-contacts {
	width: 100%;
	height: 800px;
	margin-top: -20px;

}

	.contacts-box {

	border-radius: 6px;
	box-shadow: 0 0 16px 16px rgba(0, 0, 0, .16);
	padding: 10px 20px;
	width: 100%;

}

p {font-size: 14px; line-height: 22px}
h3 {font-size: 18px; line-height: 22px}
h4.sub-title {font-size: 14px; text-align: center; font-weight: 400; text-transform: uppercase; margin-top: 20px!important; margin-bottom: 5px;}
.w50 {width: 100%}


.container-fluid {padding-top: 10px;}
.navbar-toggler {margin-right: 10px;}

.about-block-1 {height: 200px}
.about-block-2 {height: 200px}
.about-block-3 {height: 200px}

h1.header-title-2 {padding-top: 10px}
}

/* Retina-ize images/icons */

@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) {
	
	/* logo */
    .navbar-brand {
    	background-image: url(../img/Arssrtoi-logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 82px 68px !important;
    }
	
}