@media only screen and (min-width: 1600px) {

    #third {

        background: url(../images/bg_preum.png) no-repeat;

    }

}

@media only screen and (min-width: 1200px) {

    #second {

        background: url(../images/bg_compan.png) no-repeat right;

        background-position: 130% 230%;

    }

    .navbar-default .navbar-nav li a {

        font: 20px DS Crystal;

        color: #fff;

        letter-spacing: 4px;

        margin: 0;

        padding: 0;

    }

    .menu {

        width: 600px;

        margin-left: -40px;

    }

    .logo_2 {

        margin-left: -17px;

    }

    .elect_torgi p {

        position: absolute;

        font: 18px GothamProBlack;

        color: #fff;

        top: 265px;

        margin-left: 20px;

    }

    .eauct p {

        position: absolute;

        font: 18px GothamProBlack;

        color: #fff;

        top: 265px;

        margin-left: 90px;

    }

}

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

    .btn_phone_2 {

        display: none;

    }

    .text_header2 {

        position: relative;

        left: 230px;

    }

    .menu {

        margin-top: 22px;

        float: none;

    }

    .menu_2 {

        display: none;

    }

    .navbar-default .navbar-nav li a {

        font: 17px DS Crystal;

    }

    .header_text {

        margin-left: -8%;

    }

    .header_btn {

        margin-left: 2%;

    }

    .btn_phone {

        font: 17px DS Crystal;

        line-height: 3.5;

    }

    .elect_torgi p {

        position: absolute;

        font: 17px GothamProBlack;

        color: #fff;

        bottom: 23%;

        left: 6%;

    }

    .eauct p {

        bottom: 23%;

        left: 30%;

        font: 17px GothamProBlack;

    }

    .icon span {

        width: 80%;

    }

    #third .liniya {

        margin-top: 32px;

    }

    .icon p {

        width: 100%;

    }

    .form-horizontal {

        width: 100%;

        height: 550px;

        background: url(../images/forma.png) no-repeat;

        background-size: cover;

        border-radius: 15px;

    }

    .strelka {

        margin-top: 180px;

    }

}

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

    .menu {

        margin-left: 0;

    }

    .text_header2 {

        position: relative;

        left: 170%;

        top: -50px;

        float: none;

    }

    .transbg .logo_2 img {

        margin-left: 5%;

    }

    .transbg .menu {

        margin-left: 45%;

        margin-top: -30px;

    }

    .transbg .navbar-default {} .transbg .btn_phone {

        display: none;

    }

    .btn_phone {

        display: none;

    }

    .navbar-default .navbar-nav li a {

        font: 15px DS Crystal;

    }

    .header_text {

        margin-left: 0;

    }

    .strelka {

        margin-top: 150px;

    }

    .elect_torgi p {

        bottom: 5%;

        left: 6%;

    }

    .eauct p {

        bottom: 5%;

        left: 30%;

    }

    .icon h4 {

        width: 50%;

        margin: auto;

        padding: 20px;

    }

    .icon span {

        width: 40%;

    }

    .icon p {

        margin-top: 40px;

        font: 17px GothamProLight;

        color: #000;

        margin: 0;

        width: 40%;

        margin: auto;

    }

    .bg {

        display: none;

    }

    #fourth h3 {

        padding-bottom: 30px;

    }

    .right_text p {

        padding-bottom: 30px;

    }

    .form-horizontal {

        width: 80%;

        height: 530px;

        background: url(../images/forma.png) no-repeat;

        background-size: cover;

        border-radius: 25px;

        margin: auto;

    }

    #fifth h3 {

        text-align: center;

    }

    #fifth p {

        margin-top: -20px;

        padding-bottom: 60px;

    }

    .bloc_right {

        position: relative;

        margin-left: 8%;

    }

}

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

    #second {

        margin-bottom: 80px;

        ;

    }

    .transbg {

        height: 100px;

        margin-top: -20px;

    }

    .text_header_2 {

        margin-top: -50px;

    }

    .transbg .menu {

        margin: auto;

        margin-top: 90px;

    }

    .transbg .navbar-default .navbar-collapse {

        height: 270px;

    }

    .container-fluid {} .logo_2 {

        display: none;

        margin-left: 15px;

    }

    .navbar-toggle_2 {

        display: none;

    }

    .navbar-default {

        margin: 0;

        padding-top: 20px

    }

    .transbg .navbar-collapse {

        height: 330px;

    }

    .navbar-collapse {

        background: #fff;

        position: relative;

        top: -80px;

        height: 275px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

        /* Параметры тени */

    }

    .navbar-collapse.in {

        overflow-y: visible;

    }

    .navbar-toggle {

        background: #fff;

        float: left;

        margin-left: 20px;

        position: relative;

        z-index: 5;

    }

    .navbar-default .navbar-nav li a:link {

        font: 20px DS Crystal;

        letter-spacing: 4px;

        margin: 0;

        padding: 0;

        color: #000;

    }

    .navbar-default {} .header_text {

        display: none;

    }

    .text_header_2 {

        float: right;

        margin-right: 20px;

        display: block;

        z-index: 6;

        position: relative;

    }

    .menu {

        margin-top: 100px;

        margin-left: 0;

        width: 100%;

    }

    .menu li {

        float: none;

        margin-left: 0;

        text-align: center;

        color: #3b3b3b;

        border-top: solid 1px #d8d8d7;

        padding: 10px;

    }

    .navbar-default .navbar-nav li a {

        color: #757575;

    }

    .logo {

        text-align: center;

        margin: 50px;

    }

    .logo img {

        display: block;

        margin: auto;

    }

    .logo p {

        margin: auto;

        padding-top: 10px;

    }

    .text_center {

        text-align: center;

        margin-top: -40px;

    }

    .strelka {

        width: 33px;

        margin-bottom: 30px;

    }

    .strelka:hover {

        width: 33px;

    }

    #first {

        height: auto;

        padding-bottom: 30px;

        background: url(../images/bg.jpg);

        background-size: cover;

    }

    #second {

        padding-bottom: 120px;

    }

    .elect_torgi {

        width: 350px;

        height: 333px;

        background: url(../images/elektr.png) no-repeat;

        background-size: contain;

        z-index: 1;

        position: relative;

        margin: auto;

    }

    .eauct {

        width: 350px;

        height: 333px;

        background: url(../images/eabct.png) no-repeat;

        background-size: contain;

        position: relative;

        margin: auto;

        top: 60px;

    }

    .content_group h4 {

        font-size: 18px;

    }

    .form-horizontal {

        height: 550px;

    }

    .text_header_2_1 {

        margin-top: 0;

    }

    .elect_torgi {

        width: 110%;

        height: 333px;

        background: url(../images/elektr.png) no-repeat;

        background-size: contain;

        z-index: 1;

        position: relative;

    }

    .eauct {

        width: 110%;

        height: 333px;

        background: url(../images/eabct.png) no-repeat;

        background-size: contain;

        position: absolute;

        top: 2px;

        right: 0;

        left: 25px;

    }

    .img_bloc {

        position: relative;

        width: 280px;

        float: none;

        margin: auto;

    }

    .img_bloc1 {

        position: relative;

        width: 280px;

        float: none;

        left: -40px;

        ;

        top: -70px;

        margin: auto;

    }

}

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

    #second {

        margin-bottom: -180px;

        ;

    }

    h1 {

        font-size: 18px;

    }

    #second {

        padding-bottom: 30px;

    }

    .logo p {

        width: 100%;

        font-size: 14px;

    }

    h2 {

        margin-top: -6px;

    }

    h3 {

        font-size: 30px;

    }

    .elect_torgi {

        width: 300px;

        height: 333px;

        background: url(../images/elektr.png) no-repeat;

        background-size: contain;

        z-index: 1;

        position: relative;

        margin: auto;

    }

    .eauct {

        width: 300px;

        height: 333px;

        background: url(../images/eabct.png) no-repeat;

        background-size: contain;

        position: relative;

        margin: auto;

        top: 0px;

    }

    .elect_torgi p {

        bottom: 17%;

        left: 7%;

    }

    .eauct p {

        bottom: 17%;

        left: 30%;

    }

    .bloc_right {

        position: relative;

        margin-top: 55px;

    }

    .elect_torgi {

        width: 100%;

        left: -10px;

    }

    .eauct {

        width: 100%;

    }

    .elect_torgi p {

        position: absolute;

        font: 17px GothamProBlack;

        color: #fff;

        top: 238px;

        margin-left: -1px;

    }

    .eauct p {

        position: absolute;

        font: 17px GothamProBlack;

        color: #fff;

        top: 240px;

        margin-left: 10px;

    }

    .img_bg {

        position: absolute;

        bottom: 138px;

        left: 3px;

        background: #46baeb;

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        width: 234px;

        height: 150px;

        transform: skew(-10.1deg);

        z-index: 5;

        opacity: 0;

        transition: 0.5s;

    }

    .text {

        margin: auto;

        text-align: center;

        position: relative;

        top: -170px;

        z-index: 7;

        opacity: 0;

        transition: 0.5s;

        left: -10px;

    }

    .text h4 {

        font: 17px GothamProBlack;

        color: #fff;

        text-transform: uppercase;

        margin-left: -20px;

    }

    .text p {

        font: 15px GothamProLight;

        color: #fff;

        width: 250px;

    }

    .img_bg1 {

        position: absolute;

        bottom: 174px;

        left: 36px;

        background: #46baeb;

        display: -webkit-flex;

        display: -moz-flex;

        display: -ms-flex;

        display: -o-flex;

        display: flex;

        width: 234px;

        height: 150px;

        transform: skew(-10.1deg);

        z-index: 8;

        opacity: 0;

        transition: 0.5s;

    }

    .text2 {

        margin: auto;

        text-align: center;

        position: relative;

        top: -200px;

        left: 20px;

        z-index: 9;

        opacity: 0;

        transition: 0.5s;

    }

}

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