@media only screen and (min-width:1200px) and (max-width:1366px)
{
    h1{font-size: 40px;line-height: 45px;}
    .content .right_section{padding-top: 12%;}
    .content .left_section .form_system{padding-top:40px; background-position: 0px -48px; min-height: 400px;}
    .content .left_section .form_system .desk_tel{font-size: 30px;}
    .bottom_section{padding-top: 15px;}
    .bottom_list{margin-top: 2%;}
    .bottom_list ul li a{padding: 13px;}
}
@media only screen and (min-width:1025px) and (max-width:1199px)
{
    h1{font-size: 40px;line-height: 45px;}
    .brand{right: 15px;}
    .content .right_section{padding-top: 12%;}
    .content .left_section .form_system{padding-top:40px; background-position: 0px -48px; min-height: 400px;}
    .content .left_section .form_system .desk_tel{font-size: 30px;}
    .bottom_section{padding-top: 15px; }
    .bottom_list{margin-top: 2%;}
    .bottom_list ul li a{padding: 13px;}
    .content .left_section{padding-left: 15px; width: 40%;}
    .content .right_section{width: 55%; padding-right: 15px;}
}
@media only screen and (min-width:960px) and (max-width:1024px)
{
    h1{font-size: 40px;}
    .brand{right: 15px;}
    .bottom_section{margin-top: 30px; margin-right: 35px;}
    .content .right_section{max-width: 550px; padding-top: 10%; padding-right: 15px;}
    .content .left_section{padding-left: 15px; width: 40%;} 
    footer{position: relative; margin-top: -25px; }
    .push{height: 55px;}
}
@media only screen and (min-width:768px) and (max-width:959px)
{
    .brand{ left: 50%; margin-left: -75px; right: auto;}
    .content .right_section ,.content .left_section{float: none}
    .content .right_section{max-width: none; width: 95%; margin: 0 auto}
    .content .left_section{max-width: none; width: 55%; margin: 0 auto; margin-top: 20px;}
    .content .left_section .form_system{float: none; margin: 0 auto}
    footer{position: relative; margin-top: -25px; }
    .push{height: 55px;}
    .bottom_list ul li a{min-width: 230px;padding: 15px;}
}
@media only screen and (max-width:767px)
{
    h1{font-size: 22px; line-height: 30px;}
    h3{font-size: 12px; line-height: 20px;}
    h1 br{display: none;}
    .bg{background-image: url(../images/site/mob_bg.png); background-size: 100%; background-repeat: no-repeat; background-color: #242120;}
    .brand{right: 15px;}
    .content .right_section h1 span{display: inline;}
    .content .right_section h1:after{width: 50px;}
    .content .right_section ,.content .left_section{float: none}
    .content .right_section{max-width: none; width: 90%; margin: 0 auto; padding-top: 95px;}
    .content .left_section{max-width: none; width: 90%; margin: 0 auto; margin-top: 20px;}
    .content .left_section .form_system{background-image: none; max-width: none; padding: 0; min-height: inherit; margin-bottom: 35px;}
    .bottom_section .right_section, .bottom_section .left_section{width: 100%;} 
    .bottom_section .right_section{margin-bottom: 15px;}
    .bottom_section{max-width: none; width: 90%; margin: 0 auto}
    .bottom_list ul li{display: block; width: 270px; margin: 0 auto; margin-bottom: 15px;}
    .bottom_list ul li a{display: block; margin:  0 auto;}
    .content .left_section .form_system .bottom_cont{display: none;}
    .content .left_section .form_system h3{font-size: 16px; text-align: right}
    .content .right_section .mob_tel{display: block; font-weight: bold;}
    footer{position: relative; margin-top: -25px; }
    .push{height: 55px;}
}