/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	
	.b-top-slogan h2 {
	font-family: "FuturaDemiC", Arial, sans-serif;
	font-size: 26px;
}
.section_61-head h3 {
	font-family: "FuturaDemiC", Arial, sans-serif;
	font-size: 40px;
	margin-bottom: 150px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3;
	text-align: right;
	margin-top: 150px;
	font-weight: normal;
}
.b-15 {
	width: 220px;
	margin-right: auto;
	margin-left: auto;

}

.card_8 .img-wrap {
	transition: all .3s ease;
	width: 90px;
	display: inline-block;
	vertical-align: top;
	border-radius: 10em;
	overflow: hidden;
}
.b-banner-inst-txt {
	font-family: "FuturaDemiC", Arial, sans-serif;
	font-size: 22px;
	line-height: 1.5;
	color: #fff;
	background-color: #2895ce;
	text-align: left;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 40px;
	padding-left: 240px;
	background-image: url(../img/inst.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;

	background-size:contain;
	display: block;
	}

.section_32-head p {
	font-size: 22px;
	line-height: 1.6;
	margin-bottom: 12px!important;
	font-family: "FuturaDemiC", Arial, sans-serif;
	font-weight: normal;
	margin-top: 0px!important;
	color: #0e5492;
}

.b-work-item-txt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: bold;
    color: #333;
    text-align: center;
}

	.main-mnu {
		display: none;
		float: right;
		min-width: 320px;
		text-align: right;
		background-color: #1C242C;
		top: 0px;
		border-bottom: #ccc 4px solid;
		position: absolute;
		right: 0px;
		z-index: 2;
	}

	.main-mnu ul li {
		display: block;
		line-height: 0;
		padding: 0;
		margin-left: -40px;
	}

	.main-mnu ul .active a {
		background-color: #273646;
		text-decoration: none;
	}
	.main-mnu ul a {
		display: block;
		line-height: 48px !important;
		height: 48px !important;
		width: 320px;
		padding: 0 20px;
		background-color: transparent;
		font-size: 15px;
		text-transform: uppercase;
		transition: all .2s ease;
		border-bottom: #222C36 1px solid;
	}
	.main-mnu ul a:hover {
		background-color: #273646;
		text-decoration: none;
		color: #fff;
	}

	.phone {
		padding-right: 52px;
	}

	.s7-item-6 {
		display: none;
	}

.section_8-head h2 {
	font-size: 32px;
	
}


.section_8-head h3 {

	font-size: 18px;

}

.card_8 {
	height: 270px;
}



.card_8 h4 {
	font-size: 14px;
	margin-top: 20px;
}


.section_6-head {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 60px;
}

.section_6-head h2 {
	font-size: 32px;
		margin-bottom: 80px;
	font-weight: normal;
	letter-spacing: 1px;
}


.section_6-head p {
	font-size: 13px;

}

.section_6-head h3 {

	font-size: 16px;

}

.section_3 {
	padding-top: 40px;
	margin-bottom: 0px;
	padding-bottom: 60px;
}



.section_3-head h2 {
	font-size: 22px;
	position: relative;
	margin-bottom: 60px;
	font-weight: normal;
	letter-spacing: 1px;
}

.section_3-head p {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 10px!important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px!important;
}

.section_31-head p {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 12px!important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0px!important;
}

.section_5-head h2 {
		font-size: 24px;
	margin-bottom: 20px;

}


.section_5-head p {
	font-size: 14px;
	margin-bottom: 30px;

}

.section_5-head h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

.b-round {
	padding-right: 80px;
	padding-left: 80px;
}

.b-realtor2-info-5 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #fff;
font-size: 18px;
}
.b-realtor2-info-1 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #f60;
font-size: 28px;
padding: 20px 0 0 120px;
}
.b-realtor2-info-3 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #000;
font-size: 19px;
padding: 0 0 0 120px;
line-height: 1.2;
}
.b-realtor2-info-4 {
font-weight: bold;
color: #000;
font-size: 14px;
padding: 0 0 30px 120px;
line-height: 1.4;
}
.b-realtor2-info-2 {
font-weight: bold;
color: #000;
font-size: 14px;
padding: 0 0 0 120px;
line-height: 1.4;
}
.b-realtor3-info-5 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #fff;
font-size: 18px;
padding-top: 0;
margin-bottom: 20px;
margin-top: 30px;
}
.b-realtor3-info-1 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #f60;
font-size: 28px;
padding: 20px 0 0 120px;
}
.b-realtor3-info-3 {
font-family: "FuturaDemiC", Arial, sans-serif;
font-weight: bold;
color: #000;
font-size: 19px;
padding: 0 0 0 120px;
line-height: 1.2;
}
.b-realtor3-info-4 {
font-weight: bold;
color: #000;
font-size: 14px;
padding: 0 0 30px 120px;
line-height: 1.4;
}
.b-realtor3-info-2 {
font-weight: bold;
color: #000;
font-size: 14px;
padding: 0 0 0 120px;
line-height: 1.4;
}

	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.b-top {
    text-align: center;
}
.b-banners-2 {
	flex: 0 0 100%;
	padding: 50px 20px 20px 20px;
	text-align: center;
	border-radius: 20px;
}
.b-banners-1 {
	flex: 0 0 100%;
	padding: 30px 20px 20px 20px;
	border-radius: 20px;
	font-size: 14px;
	margin-bottom: 15px;
	}
.b-realtor-info__photo {
	flex: 0 0 100%;
	overflow: hidden;
	align-self: center;
	text-align: center;
}
.b-realtor-info__txt {
	flex: 0 0 100%;
	margin-top: 30px;
}
.b-pamyatka {
padding-left: 0%;
}
.b-top-slogan {
	padding-top: 0px;
	padding-bottom: 35px;
	text-align: center;
}

.section_61-head h3 {
	font-family: "FuturaDemiC", Arial, sans-serif;
	font-size: 36px;
	margin-bottom: 50px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	margin-top: 50px;
	font-weight: normal;
}

.b-15-wrap {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 50px;
}

.section_8-head h2 {
    font-size: 24px;
}
	
.card_8 {
	height: 220px;
}

.section_3-pict {display: none;}

.section_32-pict {display: none;}	
.section_32-head {
	text-align: center;
}
.section_32-head h2:after  {display: none;}	

	.main-mnu {
		top: 100px;
	}

	.owl-buttons{
	display: none;
}

.section_5 {
	padding-top: 30px;
	margin-bottom: 0px;
	padding-bottom: 30px;
	background-image: none;
}

.section_5-head {
	text-align: center;
}

.section_5-head h2:after {
	left: 50%;
	transform: translate(-50%, 0);
}

.section_3-head {
	text-align: left;
}

.section_3-head h2 {
    font-size: 20px;
    position: relative;
    margin-bottom: 20px;
    font-weight: normal;
    letter-spacing: 0px;
}

.section_3-head ul li {
    font-family: "FuturaDemiC", Arial, sans-serif;
    color: #000;
    font-size: 16px;
    position: relative;
    margin-bottom:3px;
    font-weight: normal;
    letter-spacing: 0px;
    margin-left: -15px;
}

.section_3 {
    padding-top: 10px;
    margin-bottom: 0px;
    padding-bottom: 30px;
}

.b-work-item {
	height: 300px;
}

.b-work {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 10px;
    overflow: hidden;
}

.section_3-head h2:after {
	left: 50%;
	transform: translate(-50%, 0);
}

.section_2-head {
	margin-bottom: 50px;
}

.b_footer_44 {padding-top: 0px;
padding-left: 0px;
	
}

.b_footer_logo, .b_footer_slogan {
	display: none;
}

.b_footer_42, .b_footer_43  {
	padding-top: 0px;
	padding-bottom: 10px;
}

.b_footer_41 {
	padding-top: 20px;
	
}

.b_footer_logo2_wrap, .b_footer_slogan2, .b_footer_phone, .b_footer_mail {
	text-align: center;
	width: 100%;
}

.b_footer_logo2 {
	margin-right: auto;
	margin-left: auto;
}

.b_footer_social  {
	text-align: center;
	width: 100%;
	padding-left: 20px;
}

.s7-item-4 {
	display: none;
}

.b_page_content .img-wrap {
	width: 100%;
	
}
.b-realtor2-info__wrap {
padding: 30px 0 0px 0;
}
.b-realtor2-info {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	background-size: 900px 396px;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 15px;
	padding: 420px 0px 20px 0px;
}
.b-realtor2-info-5 {
color: #0e5492;
font-size: 24px;
}
.b-realtor2-info-1 {
font-size: 28px;
padding: 20px 0 0 0px;
}
.b-realtor2-info-3 {
font-size: 20px;
padding: 10px 0;
line-height: 1.2;
}
.b-realtor2-info-4 {
font-size: 15px;
padding: 10px 0;
line-height: 1.4;
}
.b-realtor2-info-2 {
padding: 0 0 0 0px;
line-height: 1.4;
}
.b-realtor3-info__wrap {
padding: 30px 0 0px 0;
}
.b-realtor3-info {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	background-size: 900px 396px;
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 15px;
	padding: 420px 0px 20px 0px;
}
.b-realtor3-info-5 {
color: #0e5492;
font-size: 24px;
line-height: 1.2;
margin-bottom: 10px;
margin-top: 10px;
}
.b-realtor3-info-1 {
font-size: 28px;
padding: 20px 0 0 0px;
}
.b-realtor3-info-3 {
font-size: 20px;
padding: 10px 0;
line-height: 1.2;
}
.b-realtor3-info-4 {
font-size: 15px;
padding: 10px 0;
line-height: 1.4;
}
.b-realtor3-info-2 {
padding: 0 0 0 0px;
line-height: 1.4;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
.b-round-header {
	font-size: 24px;
	margin-bottom: 10px;

}

	.main-head {
		height: 75px;
	}

	.phone-wrap .phone {
		font-size: 22px;
		line-height: 75px;
		padding-right: 50px;
	}
	.phone-wrap .toggle-mnu {
		line-height: 34px;
		margin-top: 28px;
	}
	.main-mnu {
		top: 75px;
		
	}

	.b_top_logo {
		width: 157px;
		height: 50px;
		float: left;
		background-size: 157px 157px;
		margin-top: 16px;
		margin-left: 0px;
		
	}

	.s7-item-4 {
		display: none;
	}
	
	.b-banner-2 {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
}

.b-work-item {
    height: 350px;
}

.b-round {
    padding-right: 20px;
    padding-left: 20px;
}

}

@media only screen and (max-width : 650px) {

	.b-realtor2-info {
	background-size: 600px 264px;
	padding: 280px 0px 20px 0px;
}
	
.b-banner-inst-txt {
    font-family: "FuturaDemiC", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    background-color: #2895ce;
    text-align: left;
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 240px;
    background-image: url(../img/inst.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    background-size: contain;
    display: block;
}
.b-work-item {
    height: 300px;
}
	
}

@media only screen and (max-width : 550px) {
	
.b-banner-inst-txt {
    font-family: "FuturaDemiC", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    background-color: #2895ce;
    text-align: left;
    padding-top: 30px;
    padding-right: 50px;
    padding-bottom: 30px;
    padding-left: 40px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left top;
    width: 100%;
    background-size: contain;
    display: block;
}
.download-pdf {
background-image: url(../img/icon-pdf.png);
background-repeat: no-repeat;
background-size: 48px 48px;
height: 48px;
display: block;
background-position: left top;
font-weight: bold;
font-size: 14px;
line-height: 48px;
padding-left: 52px;
margin: 20px 0;
}	
.b-banners-2 span {
font-size: 22px;
padding: 5px 20px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

.main-head {
		height: 50px;
	}

	.phone-wrap .phone {
		font-size: 18px;
		line-height: 50px;
		padding-right: 50px;
	}
	.phone-wrap .toggle-mnu {
		line-height: 34px;
		margin-top: 14px;
	}
	.main-mnu {
		top: 50px;
		
	}

	.b_top_logo {
		width: 110px;
		height: 35px;
		float: left;
		background-size: 110px 110px;
		margin-top: 10px;
		margin-left: 0px;
		
	}

		.b_top_phone_i {
	display: none;
}

.b-top-slogan span nobr {
display:block;
}

.card_8 {

	height: 260px;

}


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

	.phone-wrap .phone {
		font-size: 15px;
		line-height: 50px;
		padding-right: 40px;
	}

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	


}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {

	.main-mnu {
		display: block !important;
	}

}