/*================================================================================================================================ 2560px*/ @media only screen and (min-width:200px) and (max-width:2500px){ } /*================================================================================================================================ 800px*/ @media only screen and (min-width:200px) and (max-width:1279px){ /*============================== общие*/ .del_in800{display:none;} .show_in800{display:block;} .wrapp{width:94%;} /*== КНОПКИ ==========================*/ .lp_button{font-size:14px;line-height:14px;padding:14px 24px;} /*== header =========================*/ #footer_calback_box,#calback_box{width:250px;height:30px;margin-right:0px;} #footer_calback_box .left,#calback_box .left{width:140px;} #footer_calback_box .right,#calback_box .right{width:110px;} #header_center span{display:none;} #header_center{width:44%;margin-left: -44px;} #header_center a {margin-left: 8px;} /*== footer =========================*/ #footer{height:64px;} #footer_calback_box{margin-left:0px;} .policy{font-size:12px;line-height:16px;} /*== Экран 1 ================*/ #s1{min-height:600px;max-height:700px;} #s1_content{width:40%;max-width:400px;height:auto;margin-right:0px;} #s1_content h1{font-size:40px;line-height:46px;} #s1_content p{margin:12px 0px 24px 0px;font-size:24px;line-height:30px;} /*картинки*/ #s1_images{width:50%;min-width:400px;height:auto;min-height:382px;} #s1_images img{width:100%;height:auto;} /*== Экран 2 ================*/ #s2,#s6{height:100px;} .s2_box{width:180px;height:100px;} .s2_box img{width:50px;} .s2_box p{font-size:14px;line-height:16px;padding-top:8px;} /*== Экран 3 ================*/ #s3{padding:40px 0px;} .title{font-size:30px;line-height:34px;} .podtitle{font-size:14px;line-height:20px;margin:14px 0px;} /*обёртки для анимации блоков*/ #s3_obertka.active{height:auto;} .s3_hidden_box{height:auto;} /*выбор дивайса*/ #select_device{width:100%;max-width: 640px;height:280px;margin-top:20px;} #select_device .inner{width:50%;height:280px;} #select_device .inner img{max-height:200px;} #select_device .inner span{bottom:40px;} /*меню навигации по дивайсам*/ .s3_menu{height:36px;margin-bottom:14px;} .s3_nav{width:102px;height:32px;font-size:16px;line-height:32px;} /*меню навигации по моделям*/ .s3_navigation{height:auto;margin-bottom: 10px;} .s3_navigation .inner{width:60px;height:68px;} .s3_navigation .inner p{font-size:11px;line-height:11px;top:46px;} .s3_navigation .inner img{height:40px;} .s3_navigation .inner.active img{opacity:1;} .s3_navigation .inner.active p{color:#00c0ff;} /*таблицы*/ .table{max-width: 730px;} .need_fix{font-size: 13px;line-height: 13px;margin-left: 8px;} .need_fix img{right: -18px;top: -2px;width: 15px;} .t_title{font-size: 19px;line-height: 19px;padding-left: 8px;padding-bottom: 2px;} .price{font-size: 13px;line-height: 15px;margin-right: 8px;} .table .inner div{height: 15px;margin: 8px 0px;} .table .inner{width: 239px;margin-top: 18px;} .in_1{height:158px;border-right:1px solid #e0e0e0;} .in_2{height:158px;border-right:1px solid #e0e0e0;} .in_3{height:158px;border-right:0px solid #e0e0e0;} .in_4{height:124px;border-right:1px solid #e0e0e0;} .in_5{height:124px;border-right:1px solid #e0e0e0;} .in_6{height:124px;border-right:0px solid #e0e0e0;} .in_7{height:124px;border-right:1px solid #e0e0e0;} .in_8{height:124px;border-right:1px solid #e0e0e0;} .in_9{height:124px;border-right:0px solid #e0e0e0;} .in_10{height:124px;border-right:0px solid #e0e0e0;} .hh{width:54px!important;} /*== Экран 3a =========================*/ #s3a{height:230px;margin-bottom: 50px;} #s3a_content{width: 100%;height: 230px;} .blue_box{width: 100%;height: 185px;bottom: 0px;left: 0px;} .blue_box .inner{width: 50%;height: 135px;margin-top: 24px;margin-left: 0px;} .blue_box .inner span{font-size:16px;line-height:18px;} .blue_box .inner p{font-size:11px;line-height:11px;margin:14px 0px;} .s3a_im{width: 50%;max-width: 390px;right: 0px;bottom: 0px; } .s3a_im.move{-webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } /*== Экран 4 =========================*/ #s4{height:354px;} #s4_content{width: 50%;margin-right: 0px;margin-top: 40px;} #s4 .wrapp form{margin-top:26px;} .s4_button{width: 250px;margin-top: 14px;} .s4_image{width:50%;max-width:600px;} .for_input {width: 310px;height: 46px;} .for_input span {line-height: 46px;} .popup_input {width: 300px;height: 44px;font-size: 17px;line-height: 50px;} /*== Экран 4a ========================*/ #s4a{height:260px;} #s4a_content{width:50%;height:auto;margin-left:0px;margin-top:60px;} .s4a_button{width:170px;margin-top:10px;} .s4a_image{right:7%;width:330px;height:auto;} /*== Экран 4b =======================*/ #s4b{height:290px;} #s4b_content{width:100%;height:288px;} #s4b_content .blue_box .inner{width:50%;margin-right:20px;float:right;} #s4b_content .blue_box .inner span{font-size:22px;line-height:28px;} .s4b_im1{right:auto;left:4%;max-width: 360px;} /*== Экран 5 ========================*/ #s5{height:auto;} #s5 .wrapp{height:auto;padding-top:40px;} #s5 .wrapp .podtitle{line-height:28px;} .s5_podtitle{font-size:24px;line-height:24px;margin:20px 0px 30px 0px;} #s6{padding-bottom:50px;padding-top:20px;} /*== Экран 7 =======================*/ #s7{height:360px;} #s7_content{width:100%;height:360px;} .map1{width:590px;height:610px;right:-130px; top:-130px;} .map2{right:-130px; top:-130px;} .map2 img{width:590px;height:610px;} .map3{width:590px;height:610px;right:-130px; top:-130px;} #s7 .map2{width:0px;} #s7.animated .map2{width:590px;} #s7 .map3{width:580px;height:auto;opacity:0;} #s7.animated .map3{width:590px;height:auto;opacity:1;} } /*ПОШЛИ МОБИЛКИ И ПЛАНШЕТЫ*/ /*================================================================================================================================= 767px*/ @media only screen and (min-width:200px) and (max-width:767px){ /*общие*/ .del_in320{display:none;} .show_in320{display:block;} .nav_btn_mobil{display:block;} .popup { border-radius:0px!important; position:relative!important; left:0%!important; top:0%!important; -webkit-transform: translate(0%, 0%)!important; transform: translate(0%, 0%)!important; } /*Всплывашки*/ #callback,#request,#thx,#cunsultation{width: 100%;height: 100%;} .popup_h1{font-size:20px; line-height:24px;} .popup_h2{font-size:15px;line-height:20px;margin-top:14px;padding-bottom:14px;} /*Инпуты с анимированным placeholder*/ .for_input{width:280px;height:50px;} .for_input.in_popup{margin-top:11px;} .for_input span{line-height:50px;} .popup_input{width:276px;height:46px;font-size:14px;line-height:50px;} .popup_input:focus{border:1px solid #333333;} .popup_input.red{border:1px solid red!important;} /*==================================*/ .popup_button{width: 280px;height: 50px; font-size:14px;line-height:50px;margin-top:10px;} .popup_txt{ width:280px;margin-top:20px;} .popup_txt p{font-size:12px;line-height:14px;} #your_problem{font-size: 10px;width: 280px;} /*== header =========================*/ #calback_box{width: 140px;height:30px;margin-right:0px;float:none;} #calback_box .left{width:140px;text-align: center;} #calback_box .right{display:none;} #header_center{display:none;} /*== footer =========================*/ #footer{height:250px;} #footer_calback_box{display:inline-block;width:100%;height:auto;text-align:center;margin-left:0px;margin-top: 30px;} #footer_calback_box div{display:inline-block;width:100%;height:34px;float:none;text-align:center;} .policy{font-size:12px;line-height:16px;display:inline-block;width:100%;margin-top:22px;position:relative;left:auto;-webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } .brainst{display:inline-block;width:70px;height:40px;padding-right:90px;margin-right:0px;float:none;margin-top:20px;} /*== Экран 1 ================*/ #s1{height:640px;max-height:auto;background:url(../img/s1_bg.jpg)no-repeat center 50px;} #s1_content{width:100%;max-width:100%;height:auto;margin-top: 174px;} #s1_content h1{font-size:40px;line-height:46px;} #s1_content p{margin:12px 0px 24px 0px;font-size:24px;line-height:30px;} #s1_images{display:none;} #kroshki {top: 60px;} #kroshki ul li{font-size:12px;line-height:20px;} /*== Экран 2 ================*/ #s2,#s6{height:90px;padding-top:40px;} #s2 .wrapp,#s6 .wrapp{max-width: 440px;} .s2_box{width: 33.3%;height:90px;} .s2_box img{width:46px;} .s2_box p{font-size:12px;line-height:14px;padding-top:8px;} .stick{width:1px;} /*== Экран 3 ================*/ #s3{padding:40px 0px;padding-bottom:20px;} .title{font-size:26px;line-height:30px;} .podtitle{font-size:16px;line-height:22px;margin:14px 0px;} /*выбор дивайса*/ #select_device{width:100%;max-width: 640px;height:auto;margin-top:20px;} #select_device .inner{width:100%;height:268px;} #select_device .inner img{max-height:200px;} #select_device .inner img.del_in320{display:none!important;} #select_device .inner img.show_in320{display:inline-block!important;} #select_device .inner span{bottom:40px;} /*меню навигации по моделям*/ .s3_navigation{height:auto;max-width:320px;margin-bottom: 10px;} .s3_navigation .inner img{display:none;} .s3_navigation .inner{width: 116px;height:30px;text-align: left;padding-left:10px;} .hh{width:116px!important;} .s3_navigation .inner p{position: relative;font-size:16px;line-height:16px;top:4px;padding-left:10px;} /*обёртки для анимации блоков*/ #s3_obertka.active{height:auto;} .s3_hidden_box{height:auto;} /*таблицы*/ .table{max-width: 730px;} .need_fix{font-size: 15px;line-height: 15px;margin-left: 0px;} .need_fix img{right: -18px;top: -2px;width: 15px;} .t_title{width:100%;font-size: 20px;line-height: 20px;padding:10px 0px;background:url(../img/s3_down.png)no-repeat right center;} .price{font-size: 15px;line-height: 15px;margin-right: 0px;} .table .inner div{height:15px;margin: 4px 0px 15px 0px;} .table .inner{width: 90%;padding-bottom:20px;height:22px;margin-top:0px;border-right:none;border-bottom:1px solid #e0e0e0;margin-left:5%;position:relative;overflow:hidden;} .in_1{height:17px;border-right:0px solid #e0e0e0;}.in_1.active{height:210px;} .in_2{height:17px;border-right:0px solid #e0e0e0;}.in_2.active{height:180px;} .in_3{height:17px;border-right:0px solid #e0e0e0;}.in_3.active{height:124px;} .in_4{height:17px;border-right:0px solid #e0e0e0;}.in_4.active{height:150px;} .in_5{height:17px;border-right:0px solid #e0e0e0;}.in_5.active{height:124px;} .in_6{height:17px;border-right:0px solid #e0e0e0;}.in_6.active{height:150px;} .in_7{height:17px;border-right:0px solid #e0e0e0;}.in_7.active{height:150px;} .in_8{height:17px;border-right:0px solid #e0e0e0;}.in_8.active{height:150px;} .in_9{height:17px;border-right:0px solid #e0e0e0;}.in_9.active{height:124px;} .in_10{height:17px;border-right:0px solid #e0e0e0;}.in_10.active{height:150px;} .table .inner .t_title{background:url(../img/s3_down.png)no-repeat right center;} .table .inner.active .t_title{background:url(../img/s3_up.png)no-repeat right center;} /*== Экран 3a =========================*/ #s3a{height:470px;margin-bottom: 50px;margin-top: 20px;} #s3a_content{width: 100%;height: 470px;} .blue_box{width: 100%;height: 470px;bottom: 0px;left: 0px;} .blue_box .inner{width: 100%;height: 135px;margin-top: 24px;margin-left: 0px;} .blue_box .inner span{font-size:22px;line-height:26px;} .blue_box .inner p{font-size:18px;line-height:22px;margin:20px 0px 30px 0px;} .s3a_im{width: 100%;max-width: 390px;right: 0px;bottom: 0px; } .s3a_im.move{-webkit-transform: translate(0px, 10px); transform: translate(0px, 10px); } /*== Экран 4 =========================*/ #s4{height:580px;} #s4 .wrapp{position:relative;} .s4_image{width:308px;height:200px;position:absolute;left:50%;bottom:0%;margin-left:-154px;} #s4_content{width:100%;max-width:480px;height:350px;float:right;margin-right:0px;margin-top:40px;} .s4_button{width:226px;margin-top:14px;} .s5_podtitle{font-size:24px;line-height:24px;margin:20px 0px 0px 0px;} /*== Экран 4a ========================*/ #s4a{height:570px;} #s4a_content{width:100%;max-width:480px;height:350px;float:right;margin-left:0px;margin-top:40px;} .s4a_button{width:170px;margin-top:10px;} .s4a_image{width:308px;height:auto;position:absolute;top:auto;bottom:0%;margin-right:-154px;right:50%;} /*== Экран 4b =======================*/ #s4b{height:510px;} #s4b_content{width:100%;height:510px;} #s4b_content .blue_box{height:510px;} #s4b_content .blue_box .inner{width:100%;margin-right:0px;float:right;} #s4b_content .blue_box .inner span{font-size:22px;line-height:28px;} .s4b_im1{right:auto;left:4%;max-width: 360px;} /*== Экран 6 =========================*/ #s6 {height: 100px;} #s6 .s2_box {height: 100px;} #s6 .s2_box p {padding: 0px 5px;padding-top: 8px;} /*== Экран 7 =======================*/ #s7{height:400px;} #s7_content{width:100%;height:360px;} #s7_content .inner{width:100%;height:50%;position:relative;} #s7_content .inner.right{background:url(../img/map2.jpg)no-repeat center center;background-size:cover;} .map1{display:none;} .map2{display:none;} .map3{display:none;} /*== Экран 8 =======================*/ #s8{height:160px;} .s8_link {padding-left: 48px;padding-right: 10px;font-size: 15px;line-height: 48px;margin-top: 14px;width: 210px;} /*ПРАВКИ И НОВЫЕ БЛОКИ*/ #brend_select .big a {margin: 10px 14px;} } /*ПОШЛИ МОБИЛКИ И ПЛАНШЕТЫ Горизонтально перевёрнутые*/ /*================================================================================================================================= 767px*/ @media only screen and (min-width:200px) and (max-width:767px) and (orientation: landscape){ #cunsultation{min-height:560px;} }