/* ====================================================================== */
/* ====================================================================== */
/* =======================================================   ============ */
/* ========= ============ ======= ============ ===== ============ ======= */
/* ========== ========== ========= ========== ====== ===========  ======= */
/* =========== ======== =========== ======== ======= ========== = ======= */
/* ============ ====== ============= ====== ======== ========= == ======= */
/* ============= ==== =============== ==== ========= ======== === ======= */
/* ============== == ================= == ========== ======= ==== ======= */
/* ===============  ===================  =========== ====== ===== ======= */
/* ============== == ================== ============ ===== ====== ======= */
/* ============= ==== ================ ============= ==== ======= ======= */
/* ============ ====== ============== ============== === ======== ======= */
/* =========== ======== ============ =============== == ========= ======= */
/* ========== ========== ========== ================  =========== ======= */
/* ========= ============ ======== ================= ============ ======= */
/* ====================================================================== */
/* ====================================================================== */

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

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
.fixed_menu {display: block;}
.slideout_menu_toggle {display: none;}
h1 {font-size: 5em;}
h2 {font-size: 3.3em;}
.onetwo, .onethree, .onefour, .onefive, .onesix. .twothree {padding: 0 1.5%;}
.onetwo {width: 45%;}
.onethree {width: 30%;}
.onefour {width: 21.5%;}
.onefive {width: 16%;}
.onesix {width: 13%;}
.twothree {width: 63%;}
.top_line ul {display: inline-block;}
.top_line ul li.active {border-bottom: 4px solid #2046f2;}
.top_logo {font-size: 14px; width: auto; padding-top: 0;}
.top_logo .icon {margin: 0 15px 0 0;}
.top_logo strong {margin-top: 20px;}
.fixed .top_logo strong {margin-top: 16px;}
.top_line {text-align: left;}
.top_line ul {
    float: right;
    margin-top: 20px;
    width: 70%;
}
.top_line ul li {
	padding-bottom: 15px;
	display: inline-block;
	border-bottom: 4px solid transparent;
	position: relative;
}
.top_line ul li + li {
    margin-left: 7%;
}
.fixed .top_line ul li::after {top: 38px;}
.top_line ul li::after {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    width: 0;
    height: 4px;
    background: #2046f2;
}
.top_line ul li:hover::after {
    width: 100%;
}
.top_line ul li.last {
	background: none;
	height: auto;
	width: auto;
}
.top_line ul li a {
	font-size: 15px;
}
.top_line ul li.last.active a {
    border-color: #2046f2;
}
.fixed {
    padding: 15px 0 0;
}
.fixed .top_logo .icon {margin-bottom: -15px;}
.fixed .top_line ul li {padding-bottom: 23px;}
.hello {

}
.hello h2 {
    font-size: 6em;
}
.hello .hello_text {
	width: 40%;
	margin: 10% 0 5% 10%;
}
.hello_wrap {
	width: 31%;
	margin: 10% 15% 0 0;
}
.scene h1 {
    font-size: 10em;
    padding: 80px 0 0;
    margin: 70px 0 0 70px;
}
.scene .subtitle {
    font-size: 1em;
    padding: 3px 8px;
    margin: 0 0 130px 80px;
}
.works {
	padding-top: 150px;
}
.responsive {
    padding-bottom: 60px;
}
.responsive h3 {
	background: url(../images/pix.jpg) repeat-x center 18px transparent;
}
.responsive h3 span {
	padding: 0 25px;
	margin: 0 50px;
}
.responsive .text {
    width: 34%;
    text-align: left;
    float: left;
}
.responsive .text.right {
    width: 34%;
    text-align: left;
    float: right;
}
.responsive .responsive_block {
    margin: 80px 0 40px;
    padding: 20px;
    background-color: transparent;
}
.responsive .responsive_block:hover {
    background-color: #f5f5f5;
}
.responsive .responsive_block .description {
    padding-left: 10%;
}
.contact_row {
	font-size: 2.2em;
}
.contact_row .contact_email::after {top: 35px;}
.contact .wrap {width: 80%;}
.portfolio_item_more .onetwo.portfolio_item_second {width: 55%;}
.portfolio_item_more .onetwo.portfolio_item_second img {width: 100%;}
.portfolio_item_more .onetwo.portfolio_item_details {width: 40%;}
footer {
    background-size: cover;
}
footer .wrap {
    background: #222;
    margin: 130px auto 0;
    padding: 4% 3% 2.5%;
    width: 92%;
    max-width: 1000px;
}
footer h2 {
    font-size: 6em;
    padding-top: 60px;
}
.footer_block {
    width: 5%;
    margin-right: 5%;
    margin-bottom: 0;
}
.footer_block.footer_menu {
    width: 18%;
}
.footer_block.footer_contacts {
    width: 19.5%;
    margin-right: 0;
    text-align: right;
    float: right;
}
.footer_contacts .old_logo {
    border-top: 0;
    padding-top: 0;
}
.footer_contacts .old_logo span {
    padding: 0 0 25px;
}

}

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

}

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

}