/* Portrait phones and smaller */
@media (max-width: 700px) {
    html {

    /*width: 100%;
    max-width: 100%;
    overflow-x: hidden;*/
	}

	.block-costcalculate {
    	padding-bottom: 66px;
  	}

  
	body {
        margin: 0px;
        /*padding: 0px;
		max-width: 100%;
        width: 320px;
        overflow-x: hidden;*/
    }

    .popup,
    .popup2 {
        max-width: 100%;
    }

    .header {
        display: flex;
        justify-content: space-around;
        /*flex-direction: column;*/
        max-width: 98%;
		margin: 0 auto;
		height: auto;
		margin-bottom: 22px;
		flex-wrap: wrap;
    }

    .header__logo {
        max-width: 100%;
        margin-top: 0px;
		margin-left: 0px;
        text-align: center;
		margin-bottom: -45px;
    }

    .header__logo img {
		margin-top: -28px;
		height: 158px;
        width: 158px;
    }
	.header__info{
	/*margin-top: -45px;*/
	max-width: 200px;

	}
    .header__info-address,
    .header__info-call,
    #mouse,
    .button4 {
		display:none;
        visibility: hidden;
    }

    .wrapper__buttons,
    .header__info-contacts,
    .wrapper__2-blocks,
    .wrapper_2-supblocks,
    .wrapper_2-subblocks,
    .wrapper__info,
    .wrapper_2,
    .wrapper_3,
    .wrapper__3-suptext {
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: center;
		height:auto;
		width:auto;
		margin:0;
		padding:0;
		flex-wrap: wrap;
		min-width: auto;
    }

    .wrapper_3 {
    	justify-content: flex-start;
    }

    .wrapper__3-suptext {
    	/*justify-content: flex-start;
    	flex-direction: column;*/
    	display: block;
    	margin-left: 6.25%;
    	margin-right: auto;
    }

    .wrapper_3-suptext br {
    	display: none;
    }

    .header__info-contacts {
   margin:0px;
    }
	.subtext{
	text-align:center;
	}

    .wrapper-remont {
        margin-top: 0px;
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
		    padding-top: 0;

    }

    .wrapper__baner{
    	margin-left: auto;
    	width: 93.75%;
    	height: auto;
    	
    }

    .wrapper__baner #baner {
		width: 100%;
		height: auto;
    }


    .wrapper__baner #border {
	    width: 335px;
	    height: 192px;
	    border: 2px solid #52BAE8;
	    box-sizing: border-box;
	    position: absolute;
	    top: 206px;
	    margin-left: 37px;
    }


    .wrapper-remont .wrapper__info {
		/*margin:21px 20px 0px;*/
		height: auto;
	    overflow: visible;
	    min-width: 280px;
	    min-height: unset;
    }

    .wrapper__buttons a {
    	margin-left: 5px;
    }
	
	.wrapper_2-suptext br {
		display: none;
	}

    .wrapper__suptext span,
    .wrapper_2-suptext,
    .wrapper_3-suptext,
    .wrapper_3-suptext,
    .wrapper_2-subtext,
    .wrapper_2-subtext span {
       font-size: 24px;
	   line-height: 35px;
	   width:auto;
	   height:auto;
	   padding:0px;
	   margin:0px;
    }
	
	.wrapper__2-suptext/*,
	.wrapper__3-suptext*/{
	margin:0px 0px 20px 0px;
	padding:0px;
	}

    .wrapper__suptext {
        max-width: 100%;
		line-height: 35px;
		font-size: 24px;
		height: auto;
    }

    .wrapper__suptext {
		width: 88%;
		margin: 0 auto;
    }

    .wrapper__suptext br {
    	display: none;
    }

    .wrapper__suptext span {
        line-height: 40px;
    }

    .wrapper__suptext, .wrapper_2-suptext, .wrapper_3-suptext {
    	min-height: unset;
    }

    .wrapper__2-suptext {
    	max-width: 88%;
    	margin-left: 6.25%;
    	margin-right: auto;
    }



    .wrapper__subtext {
        display: flex;
        justify-self: start;
        /*max-width: 275px;*/
        font-size: 18px;
		line-height: 30px;
		height: auto;
		min-height: unset;
		max-width: 88%;
		margin-left: auto;
		margin-right: auto;
    }
	.wrapper__suptext::before {
    content: "";
    width: 14px;
    height: 14px;
    background: #52BAE8;
    border-radius: 3px;
    display: block;
    margin: 0px 0px -18px -4px;
	}
    .wrapper__buttons {
        padding-top: 30px;
    }
	.wrapper_2 {
	padding-top:60px;
	padding-bottom:130px;
	overflow-x: hidden;

	}

    .wrapper_2-supleft,
    .wrapper_2-supright,
    .wrapper_2-subleft,
    .wrapper_2-subright {
		min-width: 280px;
		width: 280px;
		height: 200px;
		text-align: end;
    }
	
	
	.wrapper_2-supleft img,
	.wrapper_2-subleft img,
	.wrapper_2-subright img,
	.wrapper_2-supright img	{
    width: 99px;
    height: 99px;
    top: auto;
    left: auto;
    margin-top: -25px;
	}
	
	
	
	.lefttext{
		text-align: start;
	}
    .righttext {
        font-size: 40px;
		line-height: 50px;
		/*top:auto !important;
		left:auto !important;
		margin:0;*/
		position: absolute;
		right: 0px;
		bottom: -6px;
		top: unset;
		left: unset;
		
    }

    .righttext span,
    .righttext::first-letter {
        font-size: calc(60px + (60 + 60 * 0.7)*((100vw - 320px) /1400));
    }
    #supleft{
    }
    #supright{
        margin-top: -25px;
    }
    #subleft{
    }
    #subright{
        margin-top: -20px;
    }



    

    .wrapper_2-subright img {
        max-width: 99px;
        max-height: 99px;
        margin-left: -480px;
        margin-top: -30px;
    }

    #button2,
    #button3 {
        margin: 10px 0;
		justify-content: space-between;
		padding: 0px 22px;
    }

 .wrapper_3{
      padding-top: 70px;
	  background: #F9F9F9;
	  padding-bottom:70px;

	  margin-bottom:0px;
    }
	.wrapper__3-suptext{
		/*padding-left:26px;*/
	}
    .wrapper_3-buttons{
		align-self:start;
		margin-top:30px;
		margin-right: 10px;
	}
	
	.wrapper_3-button1 button, 
	.wrapper_3-button2 button{
	margin:0px 7px 0px 0px;	
	}
	
	.slider{
		height:auto;
		max-width: 100%;
		/*margin-left: 6.25%;*/
	}
	#autoWidth{
	    padding: 10px 17px !important;
	}
	#autoWidth li {
		width: 100vw;
		max-width: unset;
		height: unset;
		/*margin:0px 17px 0px 0px;*/
		/*margin-right: 0px !important;*/
	}
	.box{
		width: 87.5%;
		height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
		/*margin: 0px -2px;*/
		margin-right: auto;
		/*margin-left: 5px;*/
		max-width: 387px;
		margin-left: auto;
	}

	#autoWidth li div img{
		width: 100%;
    	height: auto;
    	
	}
	
	.square {
	margin:0px;
	padding:66px 25px 0px 25px;
	}
	.square h2{
		margin:0px;
		padding:0px;
		font-size: 24px;
		line-height: 35px;
		position:relative;
	}
	.square h2::before{
		content:"";
		display:block;
		position: absolute;
		left: -5px;
		top: 2px;
		width: 14px;
		height: 14px;
		background: #52BAE8;
		border-radius: 3px;
		z-index:-1;
	}
	.space{
		margin-top: 30px;
		padding:0px 0px ;
	}
	.sorting{
		margin:0px;
	}
	.tab{
		min-width: 280px;
		width: 100%;
		height: auto;
		position: relative;
	}
	.tab-title{
		font-size: 18px;
		padding:18px 60px 18px 23px;
	}
	.tab-title::after {
		position: absolute;
		top:18px;
		right:18px;
	}
	
	.tab-content{
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 35px;
	margin-top: -1px;
	padding:0px 23px 18px 23px;
	}
	#adaptive li{
		width: auto;
		height: auto;
	}
	.obertka{
		/*width: auto;*/
		height: auto;
		max-width: 87.5%;
		margin-left: auto;
		margin-right: auto;
	}
	.choice{
		display:block;
		position:relative;
		width: 100%;
		height: 637px;
	}
	.house1,
	.house2{
		position:absolute;
	}
	.house1{
		top:48px;
	}
	.house2{
	left:104px;
	top:40px;
	}
	.type_of_property{
		margin-top:215px;
	}
	.type_of_property h2{
		padding-left:17px;
	}
	.checkboxes{
		padding-left:18px;
		display:block;
	}
	.type{
		height:37px;
	}
	.type:before{
	width: 16px;
	height: 16px;
	}
	.type:after{
		width: 19px;
	    height: 19px;
	}
	.prog_bar{
		padding-top:10px;
		padding-left:18px;
		padding-right:18px;
	}
	#user-progess{
	width: 231px;
	}
	.goToNextSlide a button{
		width:100%!important;
		height: 53px!important;
	}
	.form{
		width:100%
	}
	.form input{
		width:inherit;
		text-align: center;
	}
	.obertka2{
		margin:0px;
		display:block;
		/*padding:0px 20px;*/
		max-width: 87.5%;
		margin-left: auto;
		margin-right: auto;
		
	}
	.verification{
		margin-top:23px;
		position:relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		max-width: 509px;

	}

	.square h2 br {
		display: none;
	}

	.info{
		width: 280px;
    height:auto;
    top: 0;
    left: 0;
	padding:45px 21px 45px 21px;
	}
	.info p{
		width:auto;
	}
	.info-number{
		position:absolute;
		right:0px;
		bottom:0px;
		margin:0px;
		padding:0px;
		
	}
	.info-number span{
		font-size: 65px;
		line-height: 50px;
	}
	
	.obertka3{
		/*display:block;*/
		padding:0px 0px 105px 40px;
		margin:0;
	}
	.contact2 .subtext{
		text-align:left;
		width:auto;
		padding-top:17px;
		
	}

	.textadr{
		max-width: 90%;
		display: flex;
		
	}

	.textadr img {
		max-width: 20px;
    	min-width: 14px;
		margin-right: 2px;
	}

	.obertka3 .contacts2:nth-of-type(2) {
		margin-right: 50px;
	}

	.perenos {
  		display: inline-block;
  		width: 18px;
	}

	footer {
		
	}
	.obertka4{
		/*display:block;*/
		height:auto;
		padding-bottom:40px;
		/*max-width: 87.5%;
		margin-left: auto;
		margin-right: auto;*/
	}
	.down_left{
		display:block;
		margin-left: 6.25%;
		/*text-align:center;*/
	}
	.down_left img{
	width: 75px;
    height: auto;
	}
	.down_right{
		margin:0px;
		text-align:center;
		
	}
	.down2,
	.down_right{
		padding-top:20px;

	}
	.down_right {
		margin-left: 6.25%;
		font-size: 14px;
	}
	.map{
		width: 100%;
	}
	.map img{
		width:inherit;
	}

	.obertka3 {
		/*max-width: 280px;*/
		width: 85.4%%;
		margin-left: 6.25%;
		margin-right: 6.25%;
		padding-left: 0px;
		/*display: flex;
		flex-direction: column;
		align-items: center;*/
	}
	
	.obertka3 .contacts2 {
		width: 100%;
	}


	.popup,
	.popup2{
		/*display:none;*/
		visibility:hidden;
		
	}

	.popup__content, .popup2__content {
		padding: 5px 5px;
		position: relative;
	}

	.popup__close {
		margin-top: unset;
		margin-left: unset;
		right: 2px;
		top: 2px;
	}
	
	.popup__content .input {
		width: 88%;
	}

	.line-my {
		width: 231px;
	}



}