@media (min-width: 576px){
.container, .container-sm {
    max-width: 98%;
}
}
@media (min-width: 768px){ 
.container, .container-md, .container-sm {
    max-width: 96%;
}
}
@media (min-width: 992px) { 
.container, .container-lg, .container-md, .container-sm {
    max-width: 96%;
}
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 96%;
    }
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
}
}

@media (max-width: 1399px) {
    .images img {
        max-width:100%;
        left:0px;
    }
    .wrapSteps {
        padding-left:25%;
    }
    .textSlide img {
        max-width:180px;
    }
    .textSlide h4 {
        font-size:24px;
    }
    .textSlide p span {
        font-size:16px;
    }
}
@media (max-width: 1200px) {
    .topNavigation ul li a,
    .elemAdvant,
    .elemStep span,
    .flexAdvantList ul li,
    .commPhoneBlock h5 {
        font-size:14px;
    }
    .topPhone {
        font-size:24px;
    }
    .sectionModel ul {
        margin-bottom:70px;
    }
    .sectionModel h1 span {
        font-size:20px;
    }
    .sectionModel h1,
    .controlStages h3,
    .liftes h3 span,
    .deviceOffers h3,
    .commPhone,
    .sectionExprice h2 {
        font-size:30px;
    }
    .flexGostElem p,
    .elemOffers p,
    .linkComm {
        font-size:16px;
    }
    .cElem i,
    .liftes h3 {
        font-size:60px;
    }
    .flexControlStages {
        padding:0px 15px;
    }
    .cElem i:before {
        bottom:-35px;
    }
    .stepTitle {
        font-size:50px;
    }
    .sectionStep .flexColomn {
        background-size:45%;
    }
    .flexAdvantList ul {
        padding-right:10px;
    }
    .advantTextFlex img {
        border: 90px solid #fff;
    }
    .elemOffers h4,
    .commBg h3 {
        font-size:24px;
    }
    .elemOffers img {
        max-width:150px;
    }
}
@media (max-width: 1080px) {
    .nav-toggle {
        display:block;
        left: -50px;
        top: 23px;
        border: 1px solid #000;
        color: #000;
    }
    .nav {
        right:-365px;
        background:#fff;
        display:block;
		box-sizing: content-box;
    }
	.nav .topPhone:before {
		left: -25px;
	}
    .mobLogo {
        margin-bottom:15%;
    }
    .nav .topbutton {
        display:block;
        margin-top:30px;
    }
    .nav .topbutton a {
        display:block;
        width:100%;
        max-width:100%;
        margin-bottom:12px;
    }
    .nav .topPhone {
        top: 0;
        font-size: 20px;
        right: 0;
        left:30px;
        margin:20px 0;
        max-width:100%;
        display:inline-block;
    }
    .nav .bottomAddress {
        position: relative;
        color: #000;
        margin: 5px 0px;
        padding-left: 35px;
        max-width: 300px;
        box-sizing: content-box;
        left:0px;
    }
    .nav > ul > li > a,
    .nav > ul > li > a:hover {
        color:#000;
    }
    .nav > ul > li > a:after {
        background:#000;
    }
    .topNavigation ul,
    .textSlide img {
        display:none;
    }
    .elemAdvant {
        padding-right:10px;
    }
    header {
        height:auto;
        padding-bottom:5px;
        
    }
    .topNavFlex {
        display:flex;
        align-items: center;
    }
    .topNav {
        width:100%;
    }
    .logo img {
        max-width:150px;
    }
    .topPhone {
        top:10px;
        font-size:30px;
        right:50px;
    }
    .topbutton {
        margin-bottom: 0;
    }
    .elemAdvant img {
        margin-right:5px;
    }
    .elemAdvant,
    .flexAdvantList ul li {
        font-size:12px;
    }
    .flexGostElem p {
        font-size:14px;
    }
    .flexControlStages {
        flex-wrap:wrap;
        border:none;
    }
    .cElem {
        width:100%;
        max-width:49%;
        margin-bottom:30px;
		padding-bottom:10px;
		border-bottom:1px solid #F9E354;
    }
    .cElem i:before {
        bottom:-15px;
    }
    .controlStages h3 {
        padding-left:0;
    }
    .liftSecure .col-md-7 {
        padding-top: 20px;
    }
    .listenAdv {
        margin: 50px 0 50px 70px;
        padding: 0px;
    }
    .deviceOffers .container:before {
        height: 258px;
        width: 100px;
        background-size: cover;
    }
    .commBg {
        padding: 120px 10px 120px 25px;
    }
	.liftSecure h4 {
		margin-top:30px;
	}
}
@media (max-width: 992px) {
    .topbutton {
        display:none;
    }
    .flexTop {
        justify-content: flex-end;
    }
    .topPhone {
        top:2px;
    }
    .textSlide {
        top:35%;
    }
    .textSlide h4 {
        font-size: 18px;
    }
    .textSlide p span {
        font-size: 13px;
    }
    .elemAdvant {
        padding-right: 20px;
        width:32%;
    }
    .sectionModel h1 {
        margin: 50px 0 20px;
    }
    .sectionModel h1:before {
        bottom:10px;
    }
    .sectionModel ul {
        padding-left:60px;
    }
    .sendBlock {
        margin:0 0 -15px 0;
        max-width:100%;
    }
    .wrapSteps {
        padding-left: 35%;
        top:100px;
    }
    .sectionStep .flexColomn {
        padding-top:30px;
    }
    .stepTitle {
        font-size: 40px;
    }
    .listAdvantUl {
        margin: 30px 20px 30px 50px;
        padding: 0px;
    }
    .listAdvantUl li {
        font-size: 14px;
        line-height: 1.2;
        color: #000000;
        margin-bottom: 20px;
    }
    .advantInfo h3 {
        font-size:18px;
    }
    .advantTextFlex {
        display:block;
    }
    .advantInfo {
        padding-bottom:50px;
    }
    .flexAdvantList {
        margin-bottom:70px;
    }
    .col-md-0 {
        display:none;
    }
    .liftSecure h4 {
        padding-top:30px;
    }
    .listenAdv {
        margin: 0px 0 50px 70px;
        padding: 0px;
    }
    .listenAdv.first {
        margin-top:50px;
    }
    .commBgBefore {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        padding:0px 15px;
    }
    .commBg {
        padding: 30px 0;
        max-width: 100%;
        justify-content: end;
    }
    .commBg h3 {
        max-width:95%;
        margin:0px auto;
    }
    .commBg h3 b {
        display:inline;
    }
    .col-md-12.b-20 {
        display:none;
    }
    .commSection {
        padding: 30px 0;
        background: #F3F2EF;
    }
    footer .container {
        max-width: 100%;
        box-sizing: border-box;
        padding: 0;
    }
    footer .container .row {
        margin:0px;
    }
    footer .container .row .col-md-12  {
        padding:0px;
    }
    footer .container .row .col-md-12.bgFluor {
        padding: 50px 0;
    }
    .listbottom {
        padding: 0px 20px;
        margin: 0px 0px 30px 0px;
    }
	.liftSecure h4 {
		margin-top:0px;
	}
	.descript {
		display:none;
	}
	.sectionModelBrown .container:before {
		top:-145%;
	}
	.controlStages {
		padding: 30px 0;
	}
	.elemOffers {
		padding-left: 45px;
	}
	.elemOffers img {
		left: -90px;
	}
	.elemOffers.first {
		margin-bottom:105px;
	}
	.elemOffers.last img {
		left: -50px;
	}
}

@media (max-width: 850px) {
    .elemOffers, .elemOffers.first, .elemOffers.last {
        padding-left:70px;
        float:none;
        left:10%;
        right:auto;
        margin:0 0 70px 0;
    }
    .elemOffers img, .elemOffers.first img, .elemOffers.last img {
        position: absolute;
        left: -75px;
        top: -80px;
    }
    header {
        height: auto;
        padding-bottom: 5px;
        top: 0;
    }
    .topSliderWrap {
        margin-top:85px;
    }
    .textSlide {
        top: 17%;
        width:48%;
    }
}
@media (max-width: 768px) {
	.deviceOffers .container:before {
		top:-6%;
	}
    .images {
        order: 2;
    }
    .images img {
        margin:10px auto;
    }
    .flexGostElem p {
        font-size: 12px;
    }
    .cElem {
        max-width: 100%;
    }
    .sectionStep .flexColomn {
        display:block;
        background:none;
    }
    .stepTitle {
        margin: 0px 0 30px;
        position: relative;
    }
    .wrapSteps {
        padding-left: 0;
        top: 0;
        display:flex;
        flex-wrap:wrap;
        align-items: baseline;
    }
    .elemStep  {
        left:0px !important;
        width:100%;
        max-width:31%;
        margin-right:2%;
        margin-bottom:30px !important;
    }
    .cElem {
        max-width: 48%;
        margin-bottom: 40px;
		padding-bottom:10px;
		border-bottom:1px solid #F9E354;
    }
	 .cElem i:before {
        bottom:-30px;
    }
    .controlStages {
        padding: 30px 0;
    }
    .sectionStep .flexColomn {
        padding: 30px 0;
    }
    .liftes {
        padding:30px 0
    }
    .liftes h3 {
        font-size: 30px;
        text-align: left;
        padding-left:30px;
    }
    .listAdvantUl {
        margin-bottom:100px;
    }
    .advantTextFlex img {
        border: 70px solid #fff;
        margin:-70px auto 0;
        display:block;
    }
    .advantInfo {
        margin:0;
    }
	.elemStep span {
		padding-left:10px;
	}
	.flexGostElem span {
		font-size:12px;
	}
	.elemOffers, .elemOffers.first, .elemOffers.last {
		max-width:85%;
	}
	.deviceOffers .container .row:before {
		max-width:40%;
	}
}
@media (max-width: 700px) {
   .textSlide {
		top: 14%;
	}
	.textSlide h4 {
		font-size: 16px;
	}
	.textSlide p span {
		font-size: 12px;
		line-height:1.2
	}
	.elemAdvant img {
		margin-right: 0;
	}
	.elemAdvant, .flexGostElem span, .flexGostElem p {
		font-size: 10px;
	}
	.sectionModel ul li {
		font-size: 14px;
		line-height: 1.4;
	}
	.sectionModel ul li:before {
		top:3px;
	}
	.sectionModel h1, .controlStages h3, .liftes h3 span, .deviceOffers h3, .commPhone, .sectionExprice h2 {
		font-size: 24px;
	}
	.controlStages h3 {
		margin-bottom:30px;
	}
	.elemOffers h4, .commBg h3 {
		font-size: 18px;
	}
	.flexGostElem p, .elemOffers p, .linkComm {
		font-size: 14px;
	}
	.elemOffers, .elemOffers.first {
		margin: 0 0 100px 0;
	}
	.elemOffers.last {
		margin-bottom:0px;
	}
	.textSlide {
		width: 52%;
	}
	.stepTitle {
		font-size: 30px;
	}
}
@media (max-width: 580px) {
	.textSlide {
		display:none;
	}
	.flexAdvant, .flexGost {
		flex-wrap:wrap;
		justify-content: center;
	}
	.elemAdvant, .flexGostElem {
		width:100%;
		max-width:400px;
		font-size:14px;
		margin-bottom:20px;
	}
	.topSlider .owl-dots {
		bottom:10px;
	}
	.sectionModel ul {
		margin-bottom:20px;
	}
	.sectionAdvant {
		padding-bottom:20px;
	}
	.gostAdvant {
		padding: 95px 0 30px;
	}
	.cElem {
		max-width: 98%;
		margin-bottom: 50px;
		border:none;
	}
	.cElem i:after {
		content:'';
		width:2px;
		height:50px;
		position:absolute;
		left: 50%;
		top: 115%;
		background:#F9E354;
	}
	
	.cElem:last-child {
		margin-bottom:0px;
	}
	.cElem i:before {
        bottom:-15px;
		/* display:none; */
		margin-left:-4px;
		top:150%;
    }
	.cElem:last-child i:after,
	.cElem:last-child i:before	{
		display:none;
	}
	.elemStep {
		max-width:48%;
	}
	.elemOffers img {
		max-width: 120px;
		left: -50px !important;
		top:-50px !important;
	}
	.elemOffers h4, .commBg h3 {
		font-size: 16px;
	}
	.elemOffers h4 {
		margin-bottom:25px;
	}
	.commPhoneBlock {
		padding: 30px 0;
		padding-left: 40px;
	}
	.galleryWrap, .galleryWrapSection {
		display:none;
	}
	.galleryWrapMob {
		display:block;
		padding-top:30px;
	}
	.sendBlock {
		padding: 20px 15px 15px 20px;
	}
	.advantTextFlex img {
		border: 50px solid #fff
	}
	.liftSecure p {
		margin-bottom:30px;
	}
	.commPhoneBlock p {
		margin-bottom:20px;
	}
	.galleryWrapMob {
		display:block;
	}
	.bottomPhone, .topPhone {
		font-size:20px;
	}
	.bottomPhone a {
		font-size:20px;
	}
}
@media (max-width: 480px) {

	.sectionModel h1 {
		margin: 30px 0 10px;
		padding-left:20px;
	}
	.sectionModel ul {
		padding-left: 40px;
	}
	.sectionModelBrown .container:before,
	.deviceOffers .container:before	{
		display:none;
	}
	.sendBlock form {
		flex-wrap:wrap;
	}
	.sendBlock input {
		max-width:100%;
		margin-bottom:30px;
	}
	.advantInfo h3 {
		font-size: 16px;
	}
	.liftSecure h4, .liftSecure p, .deviceOffers h3, .commPhoneBlock, .sectionExprice h2  {
		padding-left:20px;
	}
	.listenAdv, .bottomAddress, .bottomPhone {
		margin-left:20px;
	}
	footer .container .row .col-md-12.bgFluor {
		padding: 20px 0;
	}
	.logo img {
		max-width: 120px;
	}
	.topPhone {
		font-size: 16px;
		right: 60px;
	}
	.topPhone:before {
		top:0px;
	}
	.topSlider .owl-dots {
		bottom: -5px;
	}
	.topSliderWrap {
		margin-top: 75px;
	}
	.nav-toggle {
		top:15px;
	}
	.elemStep {
		max-width: 98%;
		display:flex;
		justify-content:center;
	}
	.commPhoneBlock h5 {
		font-size:12px;
	}
	.commPhoneBlock {
		padding-bottom:0px;
		padding-right:20px;
	}
	.advantTextFlex img {
		border: 10px solid #fff;
		max-width: 90%;
	}
	.flexAdvantList {
		flex-wrap:wrap;
	}
	.flexAdvantList ul {
		width:100%;
	}
	.liftSecure h4, .liftSecure p, .listenAdv li, .elemOffers h4, .commBg h3 {
		font-size:14px;
	}
	.elemOffers, .elemOffers.first, .elemOffers.last {
		padding-left:40px;
	}
	.elemOffers img {
		max-width: 100px;
	}
	.linkBottomComm {
		max-width:90%;
	}
	.commPhoneBlock p {
		max-width:100%;
	}
	[id='nav-toggle']:checked ~ .nav {
		right: 10px;
	}
	.linkComm {
		max-width:380px;
		padding:24px 0 21px;
	}
}
@media (max-width: 428px) {
	.cElem i:before {
        bottom:-30px;
    }
}
@media (max-width: 420px) {
	.sectionModel h1, .controlStages h3, .liftes h3 span, .deviceOffers h3, .commPhone, .sectionExprice h2 {
		font-size: 18px;
	}
	.deviceOffers h3 {
		margin-bottom:100px;
	}
	.elemOffers img {
		max-width: 80px;
		left: -30px !important;
		top: -30px !important;
	}
	.elemOffers p {
		font-size:12px;
	}
	.deviceOffers .container .row {
		position: relative;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.commPhoneBlock h5 {
		padding-top:0px;
		margin-bottom:40px;
	}
	.commPhone:before {
		top:-10px;
	}
	.linkComm span, .listenAdv li, .liftSecure h4, .liftSecure p, .listenAdv li, .elemOffers h4, .commBg h3, .listAdvantUl li,
	.topNavigation ul li a, .elemAdvant, .elemStep span, .flexAdvantList ul li, .commPhoneBlock h5, .flexGostElem p, .elemOffers p, .linkComm {
		font-size:12px;
	}
	.linkComm {
		font-size:12px;
	}
	.liftes h3, .stepTitle {
		font-size:24px;
	}
	.sendBlock button {
		font-size:16px;
		padding:14px 0;
	}
	.controlStages {
		padding-bottom:0px;
	}
	.listAdvantUl {
		margin-left:30px;
	}
	.elemOffers, .elemOffers.first {
		margin: 0 0 60px 0;
	}
	.liftSecure h4, .liftSecure p {
		font-size:14px;
	}
	.linkComm span {
		font-size:10px;
	}
	.cElem i:after {
		height:65px;
	}
	.cElem:last-child {
		margin-bottom: 30px; 
	}
}