#1054 - Залить шапку тестирование

frontend/web/css/new_responsive.css

+/*==================================RESPONSIVE LAYOUTS===============================================*/
+
+.puls_point_on {
+    opacity: 1;
+    top: 307px;
+}
+
+@media only screen and (max-width: 970px) {
+
+.mackup_text {
+  display: none;
+}
+.section4  .section_h2 {
+  font-size: 26px;
+  line-height: 28px;
+  text-align: left;
+}
+.puls {
+  height: 360px;
+}
+a.toggle_bottom {
+    float: none;
+    margin: 0;
+    margin-top: 35px;
+    display: none;
+}
+.cif_last {
+  overflow: hidden;
+}
+.section5 {
+  padding-bottom: 70px;
+}
+.section6 {
+  background-position: center 105px;
+}
+}
+
+@media only screen and (max-width: 768px) {
+
+.section1 {
+    min-height: 260px;
+}
+.section1__title {
+    font-size: 20px;
+    line-height: 28px;
+    margin-top: 30px;
+    font-weight: bold;
+    text-align: left;
+}
+.slogan {
+    text-align: left;
+    font-size: 16px;
+}
+
+.section2 h2 {
+  display: none;
+}
+.app_block  {
+  height: auto;
+}
+.section3 {
+  margin-top: 50px;
+}
+.desctop_line span {
+  text-align: left;
+  width: 100px;
+  position: static;
+  display: block;
+}
+.desctop_line {
+    background: url(../images/desctop_line.png) no-repeat 100% 0;
+    width: 185px;
+    height: 65px;
+    float: none;
+    margin-top: 35px;
+    margin-bottom: 15px;
+    margin-right: 0px;
+    position: relative;
+}
+.mac_win {
+  margin-top: 0;
+}
+.mobile_line {
+    background: url(../images/mobile_line.png) no-repeat 120px 0;
+    width: 185px;
+    height: 65px;
+    margin-top: 35px;
+    margin-left: 0px;
+    margin-bottom: 0px;
+    float: none;
+    position: relative;
+}
+.mobile_line span {
+  width: 100px;
+  position: static;
+}
+.app_block {
+  margin-top: 0;
+}
+.section_h2 {
+  font-size: 20px;
+  line-height: 28px;
+  text-align: left;
+}
+
+.puls {
+  margin: 0;
+  height: 175px;
+  width: auto;
+  margin-top: 15px;
+  margin: 35px;
+  display: block;
+  background:  url(../images_new/puls_resp.png) 0 0 no-repeat;
+}
+.section4  {
+  padding-bottom: 60px;
+  background: none;
+  
+}
+ul.ul_check:last-child {
+    margin-top: 29px;
+}
+.section5 {
+  margin-top: -125px;
+}
+.green_title {
+  margin-top: 70px;
+}
+.cif_50 {
+  width: 50%;
+  float: left;
+}
+.if_info1, .if_info2, .if_info3, .if_info4, .if_info5 {
+  display: none;
+  
+}
+.inteface_1 {
+  margin-top: 40px;
+  height: 620px;
+}
+.inteface_2 {
+  margin-top: -210px;
+}
+.inteface_4 {
+  margin: 0;
+  margin-top: -200px;
+}
+.section6 {
+  background-position: center -130px;
+}
+.project_tit {
+  text-align: center;
+}
+.sup_block__item1  {
+  margin-bottom: 20px;
+}
+.sup_block__item2  {
+  padding-bottom: 140px;
+}
+.sup_block__info4 {
+  text-align: left;
+  left: 80px;
+}
+.sup_block__info4:after {
+  float: left;
+  margin-right: auto;
+  margin-left: -38px;
+  margin-top: -40px;
+  transform: rotate(260deg);
+  -webkit-transform: rotate(260deg); /* Chrome y Safari */
+-moz-transform: rotate(260deg); /* Firefox */
+filter: progid:DXImageTransform.
+-o-transform: rotate(260deg); /* Opera */
+}
+
+.sup_block__info5 {
+  top: 50px;
+}
+.sup_block__info5:after {
+  margin-right: 0;
+  margin-left: -20px;
+  margin-top: 30px;
+  transform: rotate(60deg);
+  -webkit-transform: rotate(60deg); /* Chrome y Safari */
+-moz-transform: rotate(60deg); /* Firefox */
+filter: progid:DXImageTransform.
+-o-transform: rotate(60deg); /* Opera */
+}
+.section8_down {
+  background-size: cover;
+}
+.table_people_bg {
+  margin: 30px auto;
+}
+.calk_form__title {
+  font-size: 20px;
+  text-align: center;
+  display: block;
+  
+}
+.calk_form_subtitle {
+  font-size: 15px;
+  text-align: center;
+}
+.file-upload_block {
+  display: none;
+}
+}
+
+@media only screen and (max-width: 480px) {
+ 
+.inteface_1 {
+  height: 480px;
+}
+.project_tit {
+  margin-top: 60px;
+}
+
+.section6 {
+  padding-bottom: 80px;
+}
+.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
+  bottom: -50px;
+}
+.bx-wrapper {
+  margin-top: 10px;
+}
+.code_block__txt {
+  text-align: center;
+  background-color: transparent;
+}
+.sup_block__item2 {
+  padding-bottom: 40px;
+}
+.sup_block__info5:after {
+  margin-left: -60px;
+  margin-right: 15px;
+}
+.section5 {
+    margin-top: -10px;
+}
+.section6 {
+    background-position: center -28px;
+}
+
+}
+
+@media only screen and (max-width: 368px) {
+
+
+
+}
\ No newline at end of file